覆盖引导下拉菜单以调用 ajax 加载答案

【问题标题】：Overrive bootstrap dropdown to call an ajax load覆盖引导下拉菜单以调用 ajax 加载
【发布时间】：2014-05-09 07:11:24
【问题描述】：

单击下拉按钮时，我需要触发 ajax 加载。我不知道为什么它不起作用，也许引导程序在其下拉列表中有一些 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>

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

谢谢！

【问题讨论】：

标签： jquery ajax twitter-bootstrap

【解决方案1】：

Bootstrap 下拉菜单提供了一些事件。您可以检查show.bs.dropdown 事件，例如：

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

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

【讨论】：

【解决方案2】：

您应该只下载原始的下拉 JS 代码并根据您的意愿对其进行编辑。然后再次组合并缩小（如果需要）源。

https://github.com/twbs/bootstrap/blob/master/js/dropdown.js

请查看切换方法。

【讨论】：