Bootstrap模態按鈕不響應點擊

Question

我在模態彈出窗口中有一個帶有Bootstraps按鈕的母馬。 無論我做什么，我都無法點擊事件。 最新的Bootstrap，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');
});

似乎內部吞下了click事件？ 我看到所有SO人都使用這種精確的方法沒有問題。 我錯過了什么簡單的事情？

Answer 1

這確實是與另一個圖書館的沖突。 調試令人震驚，我最終在http://www.sprymedia.co.uk/article/Visual+Event上使用Allan Jardine的Visual Event bookmarklet相對簡單。 謝謝艾倫，你救了我的熏肉。

Answer 2

嘗試將preventDefault添加到click事件，並更改為使用delegate樣式的綁定：

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