Bootstrap Модальные кнопки не отвечают на нажатие

Question

У меня есть кобыла с кнопками Bootstraps в модальном popover. Что бы я ни делал, я не могу запустить событие click. Последний 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'); 
}); 

Кажется, что событие щелчка заглотано внутри? Я вижу, что все люди SO используют этот точный метод без проблем. Какая простая вещь мне не хватает?

Answer 1

Попробуйте добавить preventDefault к вашему щелкните событие, и изменение использовать delegate стиль связывания:

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

Answer 2

Это было на самом деле, чтобы оказаться конфликт с другой библиотекой. Это был шокер для отладки, и я получил его относительно просто с помощью букмарклета Visual Event от Allan Jardine по адресу http://www.sprymedia.co.uk/article/Visual+Event. Спасибо Аллан, ты спас мой баконатор.