创建和调用 jQuery 插件

Creating and calling jQuery Plugin

本文关键字:插件 jQuery 调用 创建      更新时间:2023-09-26

我在这个网站上遇到了很多jQuery插件模式(样板(:

Github jQuery 插件模式

尽管如此,我还是在寻找得更远,但我无法找到任何可以按预期工作的东西。我对jQuery的了解很低,但我认为如果我开始为自己创建一些小插件,我会赚到最好的钱......只是为了好玩和了解更多。

例如,我喜欢这个模式:最佳选项模式

它看起来很干净,对我来说相当不错。但是我不确定为什么我不能像我们可以找到的所有其他插件一样调用该插件......例如向后拉伸JS或使其成为视网膜...它被称为这样。

$.backstretch('path to image');
$.makeItRetina();

所以我尝试了我认为它可能工作的所有方法,从上面的模式调用插件的唯一方法是:

$(document).pluginName();

我不想这样...如果只是,它看起来更好和简化

$.pluginName();

有人向我展示路径/方式如何做到这一点?我真的很困惑。

如果要扩展jQuery对象本身($上调用方法(不要扩展$.fn,只需扩展$即可。

当你扩展(添加方法($.fn时,它们通过$(selector).method而不是你正在寻找的$.method语法调用,这不需要与JavaScript相关的特殊行为。

尝试:

var plug = $(document).pluginName();

然后调用 plug.makeItRetina((; 或 plug.backstretch('path to image'(;

希望这有帮助。

编辑:不正确,但请留下评论,以防我学到的教训可以被其他人学习。 :)