首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >关闭popover外部popover,但内部保持打开

关闭popover外部popover,但内部保持打开
EN

Stack Overflow用户
提问于 2012-11-05 23:29:29
回答 1查看 2.8K关注 0票数 3

当你在弹出窗口外单击时,是否可以关闭引导弹出窗口,但当你在弹出窗口内单击时,它会保持打开状态。我知道以前在here中已经讨论过这个问题,但是当你在弹出窗口内单击时,这个也会关闭。

这是他们的演示:http://jsfiddle.net/Sherbrow/e6Gt8/

代码语言:javascript
复制
    var $poped = $('.poped');
$poped.popover();

// Trigger for the popover
$poped.each(function() {
    var $this = $(this);
    $this.on('hover',function() {
            var popover = $this.data('popover');
            var shown = popover && popover.tip().is(':visible');
            if(shown) return;        // Avoids flashing
            $this.popover('show');
    });
});

// Trigger for the hiding
 $('html').on('click.popover.data-api',function() {
    $poped.popover('hide');
});

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-11-05 23:43:59

看一看http://jsfiddle.net/VcwUm/

代码语言:javascript
复制
// Trigger for the hiding
$('html').on('click.popover.data-api',function(e) {
     if($(e.target).has('.poped').length == 1){
         $poped.popover('hide');
     } else {
         return false;
     }
});

我所要做的就是检查目标元素是否有某个类的子元素,以决定是否应该关闭弹出窗口。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13235222

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档