創建自定義jquery函數並實現它？

-4

目前我願意創建我自己的jquery plugin.but但我不知道從哪裏開始。我使用Google創建自定義jquery函數並試圖實現它，但它沒有奏效。目前我在炒作asp.net mvc 4.plz幫助我，任何好的鏈接，想法對我都會有很大的幫助。創建自定義jquery函數並實現它？

在此先感謝

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

並在此之後我加入test.js文件到我的網頁並點擊鏈接我叫$("btnTest").click(function(){TestAlert();});它沒有發揮出來。

來源

2013-05-02 kiransh

嗨..這個網站是不是針對這種問題...但是，你可以嘗試訪問此，http：//docs.jquery.com/Plugins/Authoring爲您的第一次嘗試製作一個jQuery插件。 – Reigel 2013-05-02 02:38:39

「試圖實現它，但它沒有成功」 - 你需要顯示什麼沒有解決，所以人們可以在這裏幫助你。這裏的大多數人想知道你已經嘗試了一些東西。您的問題看起來像是在問「爲我構建插件」。我知道這不是你的意圖，所以我建議你通過添加一些你已經嘗試過的代碼並向我們顯示哪些不起作用來改善你的問題。你可以在這裏問的問題無限你知道;） – 2013-05-02 02:38:51

（函數（$）{$ .fn.extend（{ 的testAlert：功能（選擇）{ 警報（「你好測試」）} }）; }）（jQuery的）;並在此之後，我添加test.js文件到我的頁面和按鈕上單擊我稱$（「btnTest」）。click（function（）{TestAlert（）;}）;它沒有解決。 – kiransh 2013-05-02 02:49:17

你可能想是這樣的：

(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-02 07:01:24 excentris

創建自定義jquery函數並實現它？

回答

相關問題