javascript - Bootstrap 如何在下拉菜单关闭时刷新页面

Question

当用户在下拉菜单外单击关闭下拉菜单时，如何刷新页面。

更新

 <li class="dropdown" id="u_pic_link">
                        <script>
                            $('#u_pic_link').on('hidden.bs.dropdown', function () {
                                    window.location.reload();
                                  })
                        </script>

Answer 1

您可以使用 hide.bs.dropdown或 hidden.bs.dropdown事件...

<ul class="nav navbar-nav">
   <li class="dropdown user-dropdown" id="u_pic_link">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <ul class="dropdown-menu">
         <li>...</li>
      </ul>
   </li>
</ul>

---

$('#u_pic_link').on('hidden.bs.dropdown', function () {
  window.location.reload();
})

DEMO

---

如果出于某种原因需要将 javascript 放在元素之前，则必须使用 jQuery 的 document.ready 事件...

$(document).ready(function() {
    $('#u_pic_link').on('hidden.bs.dropdown', function () {
        window.location.reload();
    })
})