[英]Bootstrap How to refresh the page when drop-down menu is closing
当用户在其外部单击下拉菜单时,如何刷新页面。
UPDATE
<li class="dropdown" id="u_pic_link">
<script>
$('#u_pic_link').on('hidden.bs.dropdown', function () {
window.location.reload();
})
</script>
您可以侦听隐藏下拉列表时触发的事件。
$('#myDropdown').on('hide.bs.dropdown', function () {
// do something…
window.location.reload();
});
官方bootstrap文档http://getbootstrap.com/javascript/#dropdowns
希望这可以帮助
您可以使用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();
})
如果由于某种原因你需要将javascript放在元素之前,你必须使用jQuery的document.ready事件......
$(document).ready(function() {
$('#u_pic_link').on('hidden.bs.dropdown', function () {
window.location.reload();
})
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.