javascript - .NET MVC Bootstrap : shown. 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>