0

我正在构建一个小部件，供用户添加到他们的网站上，以便与他们网站上的人聊天。现在，由于处理它的脚本需要安装 jquery，所以我一直试图将 jquery 源直接添加到 javascript 文件中，但无济于事。似乎它不起作用。我试过这个

(function(){
var jQuery;

if (window.jQuery === undefined || window.jQuery.fn.jquery !== '1.8.1') {
    var script_tag = document.createElement('script');
    script_tag.setAttribute("type","text/javascript");
    script_tag.setAttribute("src",
        "http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js");
    if (script_tag.readyState) {
      script_tag.onreadystatechange = function () { // For old versions of IE
          if (this.readyState == 'complete' || this.readyState == 'loaded') {
              scriptLoadHandler();
          }
      };
    } else {
      script_tag.onload = scriptLoadHandler;
    }
    // Try to find the head, otherwise default to the documentElement
    (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
} else {
    // The jQuery version on the window is the one we want to use
    jQuery = window.jQuery;
    main();
}

/******** Called once jQuery has loaded ******/
function scriptLoadHandler() {
    // Restore $ and window.jQuery to their previous values and store the
    // new jQuery in our local jQuery variable
    jQuery = window.jQuery.noConflict(true);
    // Call our main function
    main(); 
}


function main(){
$(document).ready(function($){

$('.reflap-call').click(function(){
window.location.href = 'http://www.reflap.com/beta/widget/michael';
});
});
}
})();

但是当我去任何网站并添加这个脚本时

<script src="http://www.reflap.com/beta/assets/js/widget.js"></script>
<a href="#" class="reflap-call">Chat</a>

该脚本不起作用，因为 jquery 似乎没有正确加载。我可以绕过它的唯一方法是使用这个脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="http://www.reflap.com/beta/assets/js/widget.js"></script>
<a href="#" class="reflap-call">Chat</a>

我想将 jquery 正确添加到 widget.js 中，这样当用户想要使用脚本时我就不必添加第三行了。

4

2 回答 2

1

虽然您可以（手动加载 jQuery）从您的小部件中，但最好只添加 jQuery 标记，或要求您的小部件用户添加它。

于 2013-07-08T05:43:06.020 回答
0

我只是通过注释掉它来工作

jQuery = window.jQuery.noConflict(true);
于 2013-07-08T05:54:28.100 回答