首页 > bootstrap中导航栏下拉菜单问题

bootstrap中导航栏下拉菜单问题

          <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动画,就像那样的消息通知框

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


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

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

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

【热门文章】
【热门文章】