JQuery Нажмите не вызывается в начальной загрузки навигационной панели

Question

У меня возникают огромные проблемы с элементом в Navbar не будучи в состоянии использовать щелчок()

это мой HTML код:

<li class="dropdown"> <a class="dropdown-toggle" id="n-btn" href="#" data-toggle="dropdown"> <i class="icon-bullhorn"></i> <span class="badge badge-inverse" id="n-count" style="position: relative; bottom: 2px;">1</span> </a> 
     <div class="dropdown-menu alert-dropdown"> 
     <ul> 
     <li class="text-center"><span class="pulser"></span></li> 
     </ul> 
     </div> 
    </li> 

и мой JavaScript:

$(window).load(function(){ 
    $("#n-btn").click(function(e) { 
     e.preventDefault(); 
     alert("test"); 
    }); 
}); 

Я попытался с помощью $(".dropdown").on("click", "#n-btn",function() {, но вместо этого он по-прежнему не работает. Если это меняет что-нибудь, я использую JQuery 2.0.0 и Bootstrap 2.3.2

Answer 1

Глядя на Bootstrap source for 2.3.2 это выглядит как это вызывает click.dropdown.data-api событие, поэтому вместо того, чтобы:

$("#n-btn").click(function(e) { 

использования (Bootstrap 2 .x):

$("#n-btn").on('click.dropdown.data-api', function(e) { ... 

Для Bootstrap 3.x (глядя на свою версию dropdown.js), попробуйте:

$("#n-btn").on('click.bs.dropdown', function(e) { ...