jQuery: код выполняется, даже если он не должен

Question

В следующем коде я перерабатываю ту же функцию Ajax для большего количества форм. Одна из этих форм должна быть сброшена после отправки данных. Проблема в том, что код сброса (на 6-й строке) выполняется, даже когда происходит событие if (data). Как это могло произойти?

$('input[type="button"][id^=data_]').click(function() 
    if ($(this).attr('id') == 'data_update') { 
     [...] 
    } else if ($(this).attr('id') == 'data_submit') { 
     [...] 
     var extra_success = $('form[name="data_submit"] input[type=text]').val(''); 
    }; 
    $.ajax({ 
     [...] 
     success: function(data) { 
      if (data) { 
       $(div_for_response).html(data).css('color','red'); 
      } else { 
       $(div_for_response).html('Success!').css('color','green'); 
       if (extra_success) { 
        extra_success 
       } 
      } 
     } 
    }); 
}); 

Answer 1

Ваша проблема в том, что я думаю, что вы пытаетесь назначить funcion своей переменной var extra_success, пока вы фактически выполняете ее в тот момент. Попробуйте изменить код:

$('input[type="button"][id^=data_]').click(function() 
    if ($(this).attr('id') == 'data_update') { 
     [...] 
    } else if ($(this).attr('id') == 'data_submit') { 
     [...] 
     var extra_success = function() { 
      $('form[name="data_submit"] input[type=text]').val(''); 
     }; 
    }; 
    $.ajax({ 
     [...] 
     success: function(data) { 
      if (data) { 
       $(div_for_response).html(data).css('color','red'); 
      } else { 
       $(div_for_response).html('Success!').css('color','green'); 
       if (extra_success) { 
        extra_success(); 
       } 
      } 
     } 
    }); 
}); 

Таким образом вы назначаете функцию своей переменной, которую затем можете вызвать позже.

Answer 2

Попробуйте использовать === Вам нужно точное сравнение

$('input[type="button"][id^=data_]').click(function() 
    if ($(this).attr('id') === 'data_update') { 
     [...] 
    } else if ($(this).attr('id') == 'data_submit') { 
     [...] 
     var extra_success = $('form[name="data_submit"] input[type=text]').val(''); 
    }; 
    $.ajax({ 
     [...] 
     success: function(data) { 
      if (data) { 
       $(div_for_response).html(data).css('color','red'); 
      } else { 
       $(div_for_response).html('Success!').css('color','green'); 
       if (extra_success) { 
        $('form[name="data_submit"] input[type=text]').val(''); 
       } 
      } 
     } 
    }); 
}); 

Answer 3

Может быть, вы Переустановка Вэл, когда вы создаете переменную попробуйте вместо этого:

Это Meen, что вы будете проходить в первом if, создающем переменную. Даже если вы зашли в if(data), значение было удалено при создании переменной.

$('input[type="button"][id^=data_]').click(function() 
    if ($(this).attr('id') == 'data_update') { 
     [...] 
    } else if ($(this).attr('id') == 'data_submit') { 
     [...] 
     var extra_success = $('form[name="data_submit"] input[type=text]'); 
    }; 
    $.ajax({ 
     [...] 
     success: function(data) { 
      if (data) { 
       $(div_for_response).html(data).css('color','red'); 
      } else { 
       $(div_for_response).html('Success!').css('color','green'); 
       if (extra_success) { 
        extra_success.val(''); 
       } 
      } 
     } 
    }); 

}); 

Если сделать трюк, если ваш if заявление хороши.