javascript - 理解插件的概念 - $/jQuery 未定义

Question

我用以下语法编写了一个插件：

(function($){
 $.fn.samplePlugin = function() {
    return this.each(function() {
    //My logic here
    });
 };
})(jQuery);

然后我打电话给负载

 $(document).ready(function(){
    $('#sample').samplePlugin();
});

现在我的控制台中有这两个错误：

ReferenceError: jQuery is not defined
ReferenceError: $ is not defined

你能告诉我我缺少什么吗？当你创建或包含插件时，$ 注释的使用流程应该是什么？

谢谢，

Answer 1

在你的插件之前包含 jQuery。

Answer 2

(1) 检查您是否正确包含了 jquery 库。在调用你的插件之前在你的代码中。(2) 如果您在chrome上验证是否下载了jquery文件，请打开开发者工具[windows中的快捷键F12]并切换到资源选项卡。查看是否在页面资源中的脚本下下载了 jquery 文件。

Answer 3

写确保jquery文件被正确加载

如果您使用的是 jQuery UI 库，请确保顺序正确。您首先需要包含 jQuery 库的引用，然后是 jQuery UI 库。

Answer 4

您是否在函数上方包含了 jQuery？

如果是，那么使用

$= jQuery.noConflict();

上面调用你的函数。

Answer 5

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);

jq.onload = procede;//make sure you don't type parenthesis

//i.e. 'procede()' runs function instantly
//     'procede' gives it a function to run when it's ready

...

function procede()
{
//jQuery commands are loaded (do your magic)


}