小部件中的jQuery

小部件中的jQuery,jquery,widget,Jquery,Widget,我想在可以添加到随机网站的附加JS库中使用jQuery。这些网站可能已经使用jQuery,也可能没有 实际上,我有三个问题: 我可能会从自己的js脚本(而不是文档头中的脚本标记)动态加载jQuery。jquery会这样工作吗?如何确保它在主文档中没有标准$(document).ready(function(){})的情况下及时运行 如何避免与网站代码中现有的jQuery(如果有)发生冲突 有没有一种推荐的方法可以将包含jQuery的小部件添加到随机网站,同时提供最少的代码和最简单的集成 这是一个

我想在可以添加到随机网站的附加JS库中使用jQuery。这些网站可能已经使用jQuery,也可能没有

实际上,我有三个问题:

  • 我可能会从自己的js脚本(而不是文档头中的脚本标记)动态加载jQuery。jquery会这样工作吗?如何确保它在主文档中没有标准$(document).ready(function(){})的情况下及时运行

  • 如何避免与网站代码中现有的jQuery(如果有)发生冲突

  • 有没有一种推荐的方法可以将包含jQuery的小部件添加到随机网站,同时提供最少的代码和最简单的集成


  • 这是一个非常松散和不完整的过程,实际上是一个起点:

    if (typeof $ != 'undefined') {
        var msg = 'This page already using jQuery v' + $.fn.jquery;
    } else {
        var s = document.createElement('script');
        s.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js');
        document.getElementsByTagName('head')[0].appendChild(s);
        var msg = 'This page is now jQuerified';
    }
    

    然后在运行ready()函数之前,通过一个简短的setTimeout()等待。如果该解决方案对您有效,您可以在下面的链接中尝试该解决方案。基本上,有一个插件可以动态创建小部件,然后异步请求另一个页面url,并将返回的内容设置为小部件的内部html


    you beaut..这正是我想要的。在添加脚本后跳过错误的setTimeout,然后选择s.onload=s.onreadystatechange=function(){…并检查“readyState”。你完成了你的小部件吗?它可供公众使用吗?