代码之家 › 专栏 › 技术社区 › Joseph

如何创建jQuery插件?

jquery

Joseph · 技术社区 · 14 年前

我只是想创建一个简单的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被正确地定义了,click事件也被正确地连接起来。

总是

有什么事情我做得不对吗?

2 回复 | 直到 14 年前

BrunoLM 14 年前

也许你的方式包括 jQuery 你的插件不对。

检查您的 script 标签顺序。
jQuery公司
如果你没有超过 jQuery公司 ,这将使您的插件在无法访问的实例中可用。

这是一个 working example

正如您所提到的,这个问题实际上是对jQuery的多个引用的问题。

使用Telerik的外部模板时要小心,有些文件包含加载 JS CSS

-3

ChrisP 14 年前

在你的isNot定义中,第二行需要

回来!$(this).is(选择器);

回来!this.is(选择器);

仅供参考,这里有一篇关于jQuery插件架构的好文章。 http://www.learningjquery.com/2007/10/a-plugin-development-pattern

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前