Как подключить событие click к элементу внутри моего jQuery-плагина?

Question

Я создаю плагин и должен позволить конечному пользователю иметь возможность управлять событием клика, вызываемым изнутри плагина.

Как я мог бы достичь этого? Я до сих пор работал ДО этого момента:

(function($) { 
    $.fn.multiForm = function(options) { 
     var settings = $.extend({ 
      titles : [], 
      nextButton: 'nl-next', 
      prevButton: 'nl-prev', 
      onNext: function(){} 
     }, options); 

     //#1 I first need to attach a click event on settings.nextButton element 
     //#2 So when that button is clicked, I want the user to use oNext() and return true or false which I will then capture inside this plugin 

     this.each(function(options) { 
      // some plugin code 
     }); 
    } 
}(jQuery)); 

Это, как пользователь будет использовать плагин:

$('#someID').multiForm({ 
    onNext:function(){ 
    // return either true or false 
    // I need to capture this return value 
    } 
}); 

Answer 1

из вашего плагина, вы можете вызвать settings.onNext и использовать возвращаемое значение.

if(typeof settings.onNext === 'function') { 
    var result = settings.onNext(); 
    if(result) { ... } 
} 

Вы придаете событие щелчка к nextButton, как вы бы с любой другой кнопки:

$(setting.nextButton).click(function() { 
    ... 
}); 

Обратите внимание, что nl-next не является допустимым селектором JQuery. Это имя класса? Если это так, обязательно добавьте . в селектор.

Также обратите внимание, что вы можете передать какой-либо контекст, чтобы убедиться, что вы не добавляете слушателя ко всем кнопкам этого класса, если на странице есть несколько экземпляров вашего плагина.

$('.' + setting.nextButton, someDivWrappingMyPlugin).click(function() { 
    ... 
});