欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

如何解决jquery动态加载的有关问题

更新时间: 2015-02-07 01:21:36 责任编辑: Author_N8

 

怎么解决jquery动态加载的问题
我写了个js插件changeCss.js:
JScript code

$(document).ready(function () {
    $("#header").css("color", "red");
    ...
    ...
    ...
});



插件依赖于jquery,有时候,别人使用这个插件,没有引入jquery.js文件,我就想把jquery.js的引入放到changeCss.js里处理。
如果html没有引入jquery.js,那么,changeCss.js就加载jquery.js.

怎么实现呢?

------解决思路----------------------
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
        <style>
        </style>
        <script>
            window.jQuery ? loadJQ = true : loadJQ =false;
            var myJQ = function(){
                jQuery(function(){
                    alert( $('#test').html() );
                })
            };
            if(loadJQ){
                myJQ();
            }else{
                var s = document.createElement('script');
                s.src = 'http://code.jquery.com/jquery-latest.js';
                document.getElementsByTagName('head')[0].appendChild(s);
                if(s.readyState){
                    s.onreadystatechange = function(){
                        if(s.readyState == 'complete' || s.readyState == 'loaded'){
                            s.onreadystatechange = null;
                            myJQ();
                        }
                    }
                }else{
                    s.onload = function(){
                        myJQ();
                    }
                }
            }
        </script>        
    </head>
    <body>
        <div id="test">测试</div>
    </body>
</html> 		
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2015-02-07 01:21:36
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/959290/
本文WWW.DOC100.NET DOC100.NET版权所有。