Question

我正在尝试使用原型将jQuery插入页面的头部但不完全确定如何实现此目的。

基本上，我希望jQuery出现在头部的第一个标签之后？

var script_head = document.createElement('script');
script_head.type = "text/javascript";
script_head.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script_head);

但似乎没有起作用？

Answer 1

我认为您的代码有效，但您可能在jQuery和Prototype之间存在冲突：$（）函数。
我想你还需要设置jQuery来使用noConflict模式

var JQ = jQuery.noConflict();

你必须等到jQuery首先完全加载，因为你正在动态加载它，所以你可以这样做：

var script_head = document.createElement('script');
script_head.type = "text/javascript";
script_head.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script_head);


function isJQueryLoaded() {
    if( window.jQuery == 'undefined' ) {
        setTimeout( isJQueryLoaded, 200 );
    } else {
        window.JQ = jQuery.noConflict();
        runJQ();
    }
}
isJQueryLoaded()

function runJQ() {
   // your jQuery code here but using JQ instead of $

}

使用Prototype将脚本插入Head

1 个答案: