未捕获的引用错误:添加网络代码时未定义 $

Uncaught ReferenceError: $ is not defined while Adding webticker

本文关键字：代码 网络 未定义 添加 引用 错误      更新时间：2023-09-26

我一直收到此错误：

未捕获的引用错误： $ 未定义

我已经正确地完成了基础知识，但它仍然表明了这一点。我做错了什么？这是我的脚本。我正在使用 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();

这是我的网页 

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

任何形式的帮助都将得到赞赏。谢谢

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

<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>
相关文章：