jQuery запуск функции при регистрации нажмите

Question

У меня есть очень простой код, который привязывает кнопку мыши. Но функция обратного вызова внутри клика вызывается, когда привязана.

var showBtn = function (step) { 
switch (step) { 
    case '#step-one': 
     $('#btnPatientAnonyme').show(); 
     $(".btnPopUp > input[data-type='prev']").hide(); 
     $(".btnPopUp > input[data-type='next']").click(showStep('#step-two')); 
    break; 
} 
}; 

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

Так почему же это странное поведение?

Благодарим за помощь.

Answer 1

Вы вызываете функцию, когда вы делаете привязку: showStep('#step-two')

Если вы хотите передать дополнительную информацию в ваш метод, то вам нужно нужно использовать $.trigger. Это позволит вам вызвать событие щелчка и передать дополнительный селектор:

$(".btnPopUp > input[data-type='next']").trigger("click", "#step-two"); 

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

Таким образом, полный код будет выглядеть примерно так:

$(".btnPopUp > input[data-type='next']").click(showStep); 

var showBtn = function (step) { 
    switch (step) { 
     case '#step-one': 
      $('#btnPatientAnonyme').show(); 
      $(".btnPopUp > input[data-type='prev']").hide(); 
      $(".btnPopUp > input[data-type='next']").trigger("click", "#step-two"); 
      break; 
    } 
}; 

function showStep(event, selector) { ... } 

Fiddle Example

---

Похоже, может быть, вы желаете, чтобы условно прикрепить событие с параметром, в отличие от запуска его , Я неправильно читаю OP. Вы можете прикрепить дополнительную информацию «на ходу-ин» с помощью $.on:

$(".btnPopUp > input[data-type='next']").on("click", null, "#step-two", showStep); 

function showStep(event) { ... }; // selector would be in event.data 

Вот Fiddle для использования $.on.