.NET MVC Bootstrap: показано.bs.dropdown Не работает

Question

Я пытаюсь использовать событие show.bs.dropdown на ul с идентификатором «navul». Кажется, он не работает. Вот мой сценарий:

<script> 
    $('#navul').on('shown.bs.dropdown', function() { 
     alert('hello'); 
    }) 
</script> 

А вот мой HTML:

<div class="navbar navbar-inverse"> 
    <div class="container"> 
     <ul id="navul" class="nav navbar-nav"> 
      <li role="presentation" class="dropdown"> 
       <a data-toggle="dropdown" href="#"><img src="/Content/images/IconsNav/nav_appts.png" style="padding: 0px 5px 3px 0px;">Appointments<span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
        <li>@Html.ActionLink("YourAppointments", "YourAppointments", "Appointments")</li> 
        <li>@Html.ActionLink("Schedule Appointment", "ScheduleAppointment", "Appointments")</li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 

Я никогда не получить предупреждение. Что я делаю не так? Я работаю от этого:

http://getbootstrap.com/javascript/#dropdowns

Спасибо!

Answer 1

.on событие регистрирует только событие, если элемент уже существует, когда .on называется, если ваш сценарий слишком рано, он не зарегистрирует, попробуйте загрузку в Jquery документ готов, то есть:

<script> 
    $(function() { 
     $('.navbar').on('shown.bs.dropdown', function() { 
      alert('hello'); 
     }) 
    }); 
</script>