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
中完美工作檢查最後一個工具提示點擊它,然後點擊外部我的意思是在身體..我使用鉻雖然 –