javascript - 当引导表列显示更改时，不执行 JQuery 代码

Question

我有一个引导表，它在开始时有一个不可见的列：data-visible="false"。列标题包含一个用于显示模式帮助对话框的按钮：

<script>
// This is repeated for each column that have help button, 
// some are visible at the start and some not.
$("#helpButton").click(function(event) {
    event.stopPropagation(); // Prevent ordering by the field 
                             // when the button is pressed.
    console.log("Hey"); // Do something
    $('#modalDialog').modal('show');
});
</script>

问题是，当用户更改希望查看哪些列时，此功能会丢失。（console.log用于调试，确认没有调用该函数）。

提前致谢。

Answer 1

问题是您通过id: 选择$( "#helpButton" )只会返回第一个匹配元素。

您需要选择 byclass以获取所有匹配的元素，例如。 $( ".helpButton" ).

这就是为什么它只适用于第一个帮助按钮。

这是一个例子：JSFiddle