Question

我有一个bootstrap-table，它在start时有一个不可见的列：data-visible =“false”。列标题包含一个显示模态帮助对话框的按钮：

<script>

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

问题是，当用户更改哪些列想要看到此功能丢失时。（console.log用于调试，并确认未调用该函数）。每列都有自己的按钮和模态，我以X为例。提前谢谢。

这是codeply

Answer 1

我认为您的问题是，当您将点击处理程序绑定到按钮时，页面中不存在该元素。

See this answer

Answer 2

可能不是最好的代码，但确定最好的（和工作的）修补程序。

将onclick事件放在函数中，例如helpPrice_click（）

function helpPrice_click() {
    //$("document").on("click", "#help   s", function() {
      event.stopPropagation();
      console.log("Hey");
      $('#modalPrice').modal('show');
    }

直接点击按钮

即可直接调用

<button class="btn btn-xs" data-toggle="modal" data-target="#modalPrice" id="helpPrice" onclick="helpPrice_click()">

当选择显示的bootstrap-table列发生更改时，不会执行JQuery代码

2 个答案: