1

Есть такой код

$("#start").click(function(){

   $(this).attr("id", "submit");

});

$("#submit").click(function(){

   alert("something");

});

Вопрос: почему при клике на этот же элемент не выполняется alert? Я ведь изменил ему id на другой, когда первый раз кликнул, следовательно, ожидаю, что выполнятся действия при клике на этот же элемент уже с id "submit", но этого не происходит.

1
  • потому что в момент добавления обработчика элемента с таким id еще не было, поэтому он и не добавился никуда. Кроме того, смена id не удаляет уже добавленные обработчики
    – Grundy
    7 янв 2017 в 18:41

3 ответа 3

2

Вот так работает:

$("#start").click(function() {

  $(this).attr("id", "submit");

});

$("body").on("click", "#submit", function() {

  alert("something");

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="start">Нажми</button>

1
  • Простите, что стырил ответ :)
    – Yuri
    7 янв 2017 в 19:02
1

Дело в том, что когда вы обрабатываете функцию нажатия для alert, то элемента #submit не существует. Нужно добавить глобальный обработчик нажатия на этот элемент:

$("#start").click(function() {
  $(this).attr("id", "submit");
});

$(document).on("click", "#submit", function() {
  alert("something");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="start">Нажми</button>

11
  • Вот если бы не ваша кнопка "нажми", то я уже был готов поверить, что вы сами написали этот код :)
    – MasterAlex
    7 янв 2017 в 18:53
  • То есть, я правильно понимаю, что код сначала проходит предобработку, в которой вот такие вот несуществующие пока обработчики отбрасываются и даже если потом при клике присвоить элементу айди, на который был прикручен обработчик, динамически он не появится?
    – Muller
    7 янв 2017 в 18:55
  • @Muller, правильно
    – Yuri
    7 янв 2017 в 18:56
  • @MasterAlex, мне лень было писать заново. Но я бы добавил вместо body - document, так было бы правильней, как по мне
    – Yuri
    7 янв 2017 в 18:57
  • 1
    @Grundy, если статья устарела, то опровержение в студию :)
    – MasterAlex
    7 янв 2017 в 19:57
0

$("#start").click(function(){

   $(this).attr("id", "submit");
  
  $(this).click(function(){

   alert("something");

  });

});
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>

  <div id="start">start</div>

1
  • 1
    и на каждый клик добавлять еще один обработчик?
    – Grundy
    7 янв 2017 в 18:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.