我有一个引导程序设计的下拉菜单(链接: http: //prntscr.com/124hf4),当我单击“试用”按钮时,下拉菜单会打开,但是当我单击屏幕上的任何地方时它会关闭。仅当我再次单击“尝试”按钮时才需要关闭它。我摆脱了想法,不知道该怎么做。
编辑:我有一个隐藏功能,我尝试修改了很多想法,但什么也得不到。这里是函数代码:`null;
function hide(event) {
$('span').click(function() {
// In some cases we don't hide them
var targetGroup = event ? $(event.target).parents().addBack() :
// Are we clicking anywhere in a dropdown?
if( targetGroup && targetGroup.is('.dropdown') ) {
// Is it a dropdown menu?
if( targetGroup.is('.dropdown-menu') ) {
// Did we click on an option? If so close it.
if( !targetGroup.is('A') ) return;
} else {
// Nope, it's a panel. Leave it open.
return;
}
}
// Hide any dropdown that may be showing
$(document).find('.dropdown:visible').each( function() {
var dropdown = $(this);
dropdown
.hide()
.removeData('dropdown-trigger')
.trigger('hide', { dropdown: dropdown });
});
// Remove all dropdown-open classes
$(document).find('.dropdown-open').removeClass('dropdown-open');
});
}
有任何想法吗?
点击事件的第二行是我想做的失败尝试。