jquery - 覆盖 bootstrap 下拉菜单以调用 ajax 加载

Question

我需要在单击下拉按钮时触发 ajax 加载。 我不知道为什么它不起作用，也许 bootstrap 在其下拉菜单中有一些 Prevent.default

<a id="country" data-toggle="dropdown" class="dropdown-toggle" href="#">
    <i class="fa fa-comments-o"></i>
    <span class="badge bg-success2">{{ ScadNumNav }}</span>
</a>

js

$(document).ready(function () {
    $('#country').click(function () {
        if (!$(this).hasClass('open')) {
            $.get("{% url 'azzera_notifiche' %}");
            doSomething();
            setInterval(doSomething, 5000);
        }
    });
});

谢谢!

Answer 1

Bootstrap Dropdown 提供了一些事件。您可以检查 show.bs.dropdown 事件，例如:

$('#country').on('show.bs.dropdown', function () {
    // do something…
});

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