Выполнить функцию из динамической кнопки

Question

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

$('#TableBody').on('click', '.glyphicon-edit', function() { 
    alert("Click!"); 
}); 

Это не работает слишком:

//example is my table id 
$('#example').on('click', '.glyphicon-edit', function() { 
    alert("Click!"); 
}); 

Вот мой full code, чтобы увидеть мою проблему должным образом.

Answer 1

Если вы используете стиль Bootstrap, используйте приведенный ниже код. Это сократит ваш селектор до элемента в модальном, открытом jQuery DataTables.

$(document).on('click', '.dtr-bs-modal .glyphicon-edit', function(){ 
    // ... skipped ... 
});