javascript - Uncaught ReferenceError : $ is not defined while Adding webticker

Question

这个问题已经有答案了:

How Do I Add jQuery To Head With JavaScript? (3 个回答)

已关闭 7 年前。

我收到此错误:

Uncaught ReferenceError: $ is not defined

我已经完成了正确的基础知识，但它仍然显示了这一点。我究竟做错了什么？这是我的脚本。我使用 DOM 元素来创建它。

var parenthead = document.head;
sjq = document.createElement("script");
sjq.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js";
parenthead.appendChild(sjq);

swt = document.createElement("script");
swt.src = "http://otexconnect.com/jquery.webticker.min.js";
parenthead.appendChild(swt);

$("#webticker").webTicker();

这是我的 HTML

<ul id="webticker">
    <li id="item1">Some text</li>
</ul>

我们将提供任何形式的帮助。谢谢

Answer 1

你调用了一个尚未准备好使用的函数，你需要一个回调， 做了一个加载函数，当所有脚本准备好时它会调用回调语句。

<ul id="webticker">
    <li id="item1">Some text</li>
</ul>
<script>
var libsToLoad = ['http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js',
        'http://otexconnect.com/jquery.webticker.min.js'];
    function load(array,cb){
        var ready = false;
        var lib = null;
        var parenthead = document.head;
        var totalItens = array.length;
        var loaded = 0;
        while(lib = array.shift()){
            console.log('lib',lib);
            var script = document.createElement("script");
            script.src = lib;
            parenthead.appendChild(script);
            script.onload = function(){
                    loaded++;
                    if(loaded == totalItens){
                        ready = true;
                        cb();
                    }
            };

        }

    }

    load(libsToLoad,function(){
        console.log('ready');
        console.log($);
        console.log($("#webticker li").html())
        //Make your logic here
    });
</script>