jquery - Bootstrap 4 Modal和jquery点击事件

Question

大家，我在表格单元格内有一个图像，当我单击该图像时，会打开 bootstrap 4 Modal，我想使用 JQuery 将单击事件添加到该图像，但它不起作用，是否添加 bootstrap Modal 事件到一个元素禁用其 Click 事件？？？

这是 HTML 代码:

<span class="col-lg-3" data-toggle="modal" data-target="#confirmModal">
              <img id="myImg" class="img-responsive" src="/Content/uploads/done.png" style="cursor:pointer;"  alt="@item.OpportunityID"/>
            </span>

用于测试的 jquery 代码很简单:

 $("#myImg").click(function () {
    alert("Clicked");

  });

Answer 1

这可能是动态创建的问题。如果您连接到页面上已有的元素，那么它应该可以工作。

将您的点击函数更改为:

$('body').on('click', '#myImg', function () {
   alert('Clicked');
});