Javascript 从动态按钮执行功能

我正在创建一个表，然后我将表转换为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!");
});

---

下面是我的示例，以正确查看我的问题。

如果使用引导样式，请使用下面的代码。这将把选择器缩小到jquerydatatables打开的模式中的元素

$（document）.on（'click'，'）.dtr-bs-model.glyphicon-edit'，function（）{
//…跳过。。。
});

如果您这样做，

$（文档）。在（'click'，'glyphicon edit'…

这样做work@adeneo是的！这很有效，但是如果我有一个以上的.glyphicon edit输入怎么办？我应该使用个性化的类或id吗？你应该使用最接近的非动态父元素。也就是说，你应该使用最接近的父元素，而不是dataTables插件