3

ポップオーバーの外側をクリックするとブートストラップポップオーバーを閉じることはできますが、ポップオーバーの内側をクリックすると開いたままになります。これについては前にここで説明したことがありますが、ポップオーバーの内側をクリックするとこれも閉じます。

これが彼らのデモです：http：//jsfiddle.net/Sherbrow/e6Gt8/

    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');
});

</ p>

4

1 に答える 1

4

http://jsfiddle.net/VcwUm/をご覧ください

// 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;
     }
});

私がしているのは、ターゲット要素に特定のクラスを持つ子があるかどうかを確認して、ポップアップを閉じる必要があるかどうかを判断することだけです。

于 2012-11-05T15:43:58.720 に答える