小部件中的jQuery

Question

我想在JS库中使用jQuery,可以添加到随机网站.这些网站可能已经或可能不会使用jQuery.

我实际上有3个问题:

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

2. 我应该怎么做才能避免与网站代码中的现有jQuery(如果有)发生冲突.

3. 是否有建议的方法将随机网站添加包含jQuery的小部件,同时提供最少的代码和最简单的集成.

Answer 1

这是非常宽松和不完整的 - 真的是一个起点:

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()等待