jQuery not selection element

Question

Я делаю программу, которая создает коробки, когда я нажимаю кнопку. У меня есть поле «model», поэтому, когда я нажимаю кнопку, он клонирует окно модели и меняет свой идентификатор.

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

Вот мой код:

$('#box-' + number).find('a').click(function(){ 
    alert('boop'); //function 
}); 

Variable 'число' это число коробки. Как я уже сказал, идентификатор меняется, когда я клонирую коробку модели.

Модель коробки что-то вроде этого:

<div id="box-model"> 
    <div class="box"> 
     <div class="heading"> 
     <a class="link-class">¡Click Me!</a> 
     </div> 
     <div class="body"> 
     CONTENT 
     </div> 
    </div> 
</div> 

Answer 1

Вам необходимо использовать делегирование событий для присоединения событий к динамически добавленному элементу.

Поскольку идентификаторы генерируются динамически, вы не можете использовать их в качестве селектора при делегировании события. Вы можете rether использовать селектор класса целевых анкерных элементов внутри .header:

$('body').on('click','.heading a',function(){ 
    alert('boop'); //function 
}); 

Answer 2

$("body").find('#box-' + number).find('a').click(function(){ 
    alert('boop'); //function 
}); 

Дело в том, JQuery загружен DOM, прежде чем окно генерируется. Предполагая, что этот код находится в вашем $ (документе) .ready (function()), ваши поля еще не созданы, когда документ готов. Вам нужно перейти к родительскому элементу «#box», который был сгенерирован в начале (он не должен быть телом)