bootstrap中导航栏下拉菜单问题

Question

          <li class="pull-right dropdown" id="notification">
        <a class="dropdown-toggle" data-toggle="dropdown" id="notification-a" href="#">
        通知
        </a>
        <ul class="dropdown-menu">
            <li class="message-all"><a href="<?php echo base_url('user/notification')?>">查看全部消息</a></li>
        </ul>
      </li>

在上面所示的下来菜单中，我希望在点击后，能发送ajax请求到后端来读取消息并显示到dropdown-menu中，现在碰到的问题是：

我想在点击的时候先显示出一个没有消息的菜单，然后显示loading的动画，也就是在dropdown-menu那里显示loading动画，就像segmentfault那样的消息通知框

但是bootstrap貌似是先执行ajax请求后，才能显示菜单，loading动画那一套，请问下我应该怎么先让下拉菜单显示，然后再执行ajax请求呢？

Answer 1

可以在ajax请求之前，使用bootstrap提供的

$("").dropdown("toggle")

方法来显示下拉菜单。亲测有效！