Execute a function from dynamic button

Question

I'm creating a table, after that I convert table to jQuery dataTable, for this I'm using dataTable.responsive and an option to display information in a modal, problem here is that my function button is only displayed on the modal, so my question is what can I do to access to that button, I'm trying doing this but do not work.

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

This do not work too:

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

Here is my full code to see my problem properly.

And if you do $(document).on('click', '.glyphicon-edit'... does that work — adeneo
– adeneo, Commented Oct 25, 2016 at 19:54
@adeneo Yes! that work, but what if I have more than one input with .glyphicon-edit? Should I use a personalized class or id? — Miguel Flores
– Miguel Flores, Commented Oct 25, 2016 at 19:57
You should use the closest non-dynamic parent element. Meaning, you should use the closest parent that isn't replaced by the dataTables plugin — adeneo
– adeneo, Commented Oct 25, 2016 at 19:58

Gyrocode.com · Accepted Answer · 2016-10-25 21:19:25Z

1

If you're using Bootstrap styling, use the code below. This will narrow your selector to the element in the modal opened by jQuery DataTables.

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

edited Oct 25, 2016 at 21:19

answered Oct 25, 2016 at 20:08

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Execute a function from dynamic button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related