.NET MVC 引导：显示的.bs.dropdown 不工作

Question

我正在尝试使用 id 为“navul”的 ul 上的“shown.bs.dropdown”事件。似乎无法让它工作。这是我的脚本：

<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>