Question

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

(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中，这样当用户想要使用脚本时我就不必添加第三行。

Answer 1

尽管您可以在窗口小部件中添加（manually load jQuery），但最好只添加jQuery标记，或者让窗口小部件用户添加它。

Answer 2

我只是通过评论

来实现它

jQuery = window.jQuery.noConflict(true);

我正在尝试将jquery添加到异地小部件中

2 个答案: