1
我想阻止工具提示隐藏时,我点击它。除了我点击身体的地方,它应该隐藏它。防止引导工具提示隐藏点击它
即使在Tab键上,工具提示也应该可以工作。
爵士小提琴:
HTML:
<div class="bs-example tooltip-demo">
<div class="bs-example-tooltips">
<input type="text" class="form-control" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title=""/>
<input type="text" class="form-control" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title=""/>
<input type="text" class="form-control" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title=""/>
</div>
</div>
的jQuery:
$('[data-toggle="popover"]').popover({trigger:"focus"});
$('body').on('click', function (e) {
$('[data-toggle="popover"]').each(function() {
//the 'is' for buttons that trigger popups
//the 'has' for icons within a button that triggers a popup
if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
$(this).popover('hide');
}
});
});
一旦显示它没有被隐藏,即使点击body.this正在发生在最后的工具提示 –
@susheel您使用的浏览器是什么?在Chrome – Trevor
中完美工作检查最后一个工具提示点击它,然后点击外部我的意思是在身体..我使用铬虽然 –