jquery - 创建自定义jquery函数并实现它？

Question

目前我愿意创建自己的 jquery 插件。但我不知道从哪里开始。我用谷歌搜索创建自定义 jquery 函数并尝试实现它，但没有成功。目前我正在使用 asp。 net mvc 4.plz 帮助我，任何好的链接，想法都会对我有很大的帮助。

提前致谢

---

(function($){ 
     $.fn.extend({ TestAlert: function(options) { alert("Hello Test") } }); 
})(jQuery);

在此之后，我将 test.js 文件添加到我的页面，然后单击按钮，我称$("btnTest").click(function(){TestAlert();});它没有成功。

Answer 1

你可能想要这样的东西：

(function ($) {
    $.fn.extend({
        TestAlert: function (options) {
            $(this).click(function () {
                alert("Hello Test");
            });
        }
    });
})(jQuery);

然后这样称呼它：

$("#btnTest").TestAlert();

请参阅jsfiddle。

您当前代码的问题在于定义以下内容：

$.fn.extend({ TestAlert: function(options) { alert("Hello Test") } }); 

您正在使用一个函数扩展 jquery fn 本身，该函数会在直接调用时发出一条消息，例如：

$.fn.TestAlert();

请参阅jsfiddle以查看此内容。

但正如评论中提到的，您可能应该好好看看jQuery plugins/authoring wiki以获得关于如何创建自己的插件的很好的解释。