popover, щелчок и скрытие

Question

В принципе, когда я нажимаю на себя, я хочу, чтобы он спрятал его. Для меня, чтобы удалить popover, мне нужно щелкнуть на div, чтобы удалить его.

$('[data-toggle="popover"]').popover({ 
    html: true, 
    content: function() { 
     var content = $(this).data('content-target'); 
     try { content = $(content).html() } catch(e) {/* Ignore */} 
     return content || $(this).data('content'); 
    } 
}); 

Я попробовал, добавив:

$(document).click(function (e) { 
    if (($('.popover').has(e.target).length == 0) || $(e.target).is('.close')) { 
     $('#popover').popover('hide'); 
    } 
}); 

, но он не работает .. мой текущий поповер как в списке:

<a data-toggle="popover" data-title="Popover Title" data-content="<?php echo stripslashes($row['details']); ?> 

Answer 1

Вы используете загрузчик для этого? Если да, то вы можете захватить последнюю версию и просто сделать это:

$('.popover').popover({ 
    trigger: 'focus' 
}) 

Смотрите «Dismissable поповер» на bootstrap website.

Answer 2

Прилагает скрипку с раствором:

http://jsfiddle.net/nysHH/

1. Я думаю, что проблема лежит дополнительно с блоком $('#popover').popover('hide'); - я заменил его [data-toggle="popover"] селектора, как это элемент, который нерестится попугай.
2. Кроме того, при добавлении события сокрытия щелчка по щелчку документа, как только вы нажмете на [data-toggle="popover"], событие будет срабатывать, и popover не появится вообще. Решение - либо проверить, видимо ли popover, либо (что я использовал), проверяя, не является ли цель, на которую вы нажимаете, не [data-toggle="popover"]