2013-05-02 2 views
-4

В настоящее время я готов создать свой собственный jquery plugin.but, я не знаю, с чего начать. Googled для создания пользовательской функции jquery и попытался ее реализовать, но это не сработало. В настоящее время я wokring в asp.net mvc 4.plz помогите мне, любая хорошая ссылка, идея будет большой помощью для меня.Создание пользовательской функции jquery и ее реализация?

Заранее спасибо


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

и после этого я добавил test.js файл на мою страницу и нажмите кнопку я назвал $("btnTest").click(function(){TestAlert();}); это не сработало.

+1

привет .. этот сайт не для таких вопросов ... однако вы можете попробовать посетить это, http://docs.jquery.com/Plugins/Authoring для вашей первой попытки создания плагина jQuery. – Reigel

+0

«попытался реализовать его, но это не сработало» - вам нужно показать, что не получилось, чтобы люди могли вам помочь. Большинство людей здесь хотят знать, что вы что-то пробовали. Ваши вопросы похожи на то, что вы просите «построить плагин для меня». Я знаю, что это не ваше намерение, поэтому я предлагаю вам улучшить свой вопрос, добавив некоторые коды, которые вы попробовали, и показывая нам, что не работает. Вы можете задать неограниченное количество вопросов здесь вы знаете;) –

+0

(функцию ($) {$ .fn.extend ({ TestAlert: функция (опция) { предупреждения ("Hello Test")} }); }) (Jquery); и после этого я добавил файл test.js на свою страницу и нажал кнопку «i» («btnTest»). click (function() {TestAlert();}); это не сработало. – kiransh

ответ

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.TestAlert(); 

См. jsfiddle, чтобы увидеть это.

Но, как упоминалось в комментариях, вы, вероятно, должны хорошо взглянуть на jQuery plugins/authoring wiki за хорошее объяснение того, как создавать свои собственные плагины.