Динамическое изменение атрибута id

302

09 января 2017, 20:14

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

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

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

Answer 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>

Answer 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>

Answer 3

$("#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>

Создание интернет-магазина косметики в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Динамическое изменение атрибута id

Как сделать загрузку с помощью символов на JavaScript?

Почему IsBackground не работает?

C# Вывод данных sqlite в datagridview без datasource

Selenium. Получение Cookie с сайта