Bootstrap 4模态和jquery点击事件

Question

每个人，我在表格单元格中有一个图像，当我点击该图像时，一个bootstrap 4 Modal被打开，我想使用JQuery将click事件添加到该图像但它不起作用，是否添加了一个引导程序元素的模态事件会禁用其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

上添加点击事件

Answer 3

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