当我点击它时,我想阻止工具提示隐藏.除了我点击身体的任何地方它应该隐藏它.
工具提示甚至可以在标签上工作.
小提琴:
http://jsfiddle.net/C5GBU/41/
HTML:
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'); } }); });
Trevor.. 8
我可以建议触发弹出窗口 manually
var close = true; $('[data-toggle="popover"]').popover({trigger:"manual"}); $(document).on('mousedown', function (e) { if($(e.target).hasClass('popover-content')) close = false; else close = true; }); $('[data-toggle="popover"]').on("blur",function(){ if(close) $(this).popover('hide'); else $(this).focus(); }); $('[data-toggle="popover"]').on("focus",function(){ if(close) $(this).popover('show'); });
示例:小提琴
针对标签问题的更新修复:
将.blur
功能更改为以下内容:
$('[data-toggle="popover"]').on("blur",function(){ if(close) $(this).popover('hide'); else { $(this).focus(); close = true; } });
小提琴
我可以建议触发弹出窗口 manually
var close = true; $('[data-toggle="popover"]').popover({trigger:"manual"}); $(document).on('mousedown', function (e) { if($(e.target).hasClass('popover-content')) close = false; else close = true; }); $('[data-toggle="popover"]').on("blur",function(){ if(close) $(this).popover('hide'); else $(this).focus(); }); $('[data-toggle="popover"]').on("focus",function(){ if(close) $(this).popover('show'); });
示例:小提琴
针对标签问题的更新修复:
将.blur
功能更改为以下内容:
$('[data-toggle="popover"]').on("blur",function(){ if(close) $(this).popover('hide'); else { $(this).focus(); close = true; } });
小提琴