Bootstrap Mode按钮不会对单击做出响应

Bootstrap Modal buttons do not respond to click

本文关键字：单击 响应 Mode 按钮 Bootstrap      更新时间：2023-09-26

我有一匹母马，在模式popover中有Bootstraps按钮。无论我做什么，我都无法启动点击事件。最新的引导程序，jQuery 1.7.1。

在模态内部，我有一个带按钮的页脚

<div class="modal-footer">
  <a href="#" class="btn cancelBtn">Cancel</a>
  <a href="#" class="btn dontSaveBtn">Don't Save</a>
</div>

我的JS不起作用（点击永远不会触发）

$("#navigate-away .cancelBtn").on("click", function(event){
  console.log('Click.');
  $('#navigate-away').modal('hide');
});

我可以通过使用悬停而不是点击来证明它是有效的（悬停可以发射）

$("#navigate-away .cancelBtn").on("hover", function(event){
  console.log('Click.');
  $('#navigate-away').modal('hide');
});

点击事件似乎被内部吞噬了？我看到很多人都在使用这种精确的方法，没有任何问题。我错过了什么简单的东西？

这确实与另一个库发生了冲突。这是一个令人震惊的调试，我最终得到了它相对简单地使用Allan Jardine的视觉事件书签http://www.sprymedia.co.uk/article/Visual+事件。谢谢艾伦，你救了我的救命稻草。

尝试将preventDefault添加到您的点击事件中，并更改为使用delegate风格的绑定：

$("#navigate-away").on("click", ".cancelBtn", function(event){
  event.preventDefault();
  console.log('Click.');
  $('#navigate-away').modal('hide');
});
相关文章：