jquery - 如何创建 jQuery 插件？

Question

我有以下代码，这是我从有关如何构建插件的 jQuery 文档中遵循的。

我只是想创建一个简单的 isNot 扩展:

(function ($) {
    $.fn.isNot = function (selector) {
        return !this.is(selector);
    };
})(jQuery);

$(document).ready(function () {
    $("#someButton").click(function (event) {
        alert($("#someCheckbox").isNot(":checked"));           
    });
});

当我运行此命令时，JavaScript 文件会正确加载，并且我可以在 firebug 中单步执行代码。我发现 jQuery 定义正确，并且单击事件也正确连接。

但是，我在 FireBug 中添加了一个监视来跟踪 isNot 函数，并且它始终为 null。我无法让它被定义。

是不是我哪里做得不对？

Answer 1

也许您包含 jQuery 和插件的方式不正确。

• 检查您的 script 标记顺序。
• 检查 jQuery 是否正确加载
• 检查您是否拥有多个 jQuery 实例，这将使您的插件在无法再访问的实例中可用。

这是一个working example .

正如您提到的，问题实际上是对 jQuery 的多次引用的问题。

使用 Telerik 的外部模板时要小心，某些文件包含加载 JS 和/或 CSS 的控件，这可能与您自己的冲突。