-4

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

提前致谢


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

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

4

1 回答 1

0

你可能想要这样的东西:

(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以获得关于如何创建自己的插件的很好的解释。

于 2013-05-02T07:01:24.647 回答