JQuery триггера нажмите (element.click()) на динамически созданной кнопке

Question

Я знаю, что с на («щелчок») для динамически создаваемых элементов, я должен сначала использовать родительский элемент, который существовал в DOM Например parent.on('click', child, function(){});

Однако теперь моя задача - вызвать щелчок динамически созданной кнопки.

Я пробовал $('#button_' + id).click() и $('#button_' + id, '#parentContainer').click(), но они не сработали.

Answer 1

.trigger('click') вместо этого?

$("#container").append('<div id="parentContainer"></div>'); 
 
$("#parentContainer").append("<button>Test</button>"); 
 
$("#container").on('click', '#parentContainer button', function(){ 
 
    $("#container").after("click!<br>"); 
 
}); 
 
$("button").trigger("click");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"></div>

Answer 2

Почему бы вам не попробовать

$('#button_' + id).on('click',function(){ 
    //your click event 
});