Bootstrap 4模态和jquery点击事件

Question

每个人，我在表格单元格中有一个图像，当我点击该图像时，一个bootstrap 4 Modal被打开，我想使用JQuery将click事件添加到该图像但它不起作用，是否向元素添加了一个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');
});

Answer 2

Plz尝试使用此方法在img Here is link上添加click事件

Answer 3

在大多数情况下，除了模式弹出之外，它还没有尝试触发什么样的点击事件？您可以尝试添加一个简单的console.log（“working”）来查看click事件是否真的没有被触发。