小部件中的 jQuery答案

【问题标题】：jQuery in widget小部件中的 jQuery
【发布时间】：2009-02-25 20:39:09
【问题描述】：

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

实际上我有 3 个问题：

我可能会从我自己的 js 脚本（而不是从文档头中的脚本标签）动态加载 jQuery。 jquery会以这种方式工作吗？在主文档中没有标准 $(document).ready(function(){} 的情况下，如何确保它及时运行？
我应该怎么做才能避免与网站代码中现有的 jQuery（如果有）发生冲突。
是否有推荐的方法来将包含 jQuery 的小部件添加到随机网站，同时提供最少的代码和最简单的集成。

【问题讨论】：

你完成你的小部件了吗？是否可供公众消费？

标签： jquery widget

【解决方案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() 等待

【讨论】：

你漂亮..这正是我要找的
在附加脚本后跳过错误的 setTimeout，然后执行 s.onload = s.onreadystatechange = function(){... 并检查“readyState”。

【解决方案2】：

如果它适合您，您可以尝试以下链接中的解决方案。基本上，有一个插件可以即时创建小部件，然后异步请求另一个页面 url，并将返回的内容设置为小部件的内部 html。

http://sites.google.com/site/spyderhoodcommunity/tech-stuff/jquerydashboardwidgetplugin

【讨论】：