У меня есть несколько кнопок, и для каждого из них нужно добавить popover.
я хочу это так:
когда мой пользователь нажимает на один из них, я хочу, чтобы другие были скрыты. так отображается только один popover
проверьте и помогите мне исправить этот пример plz:
var mycontent='<div class="btn-group"> <button class="btn">Left</button> <button class="btn">Middle</button> <button class="btn">Right</button> </div>'
$('.btn').popover({
html: true,
content:mycontent,
trigger: 'manual'
}).click(function(e) {
$(this).popover('toggle');
e.stopPropagation();
});
$('html').click(function(e) {
$('.btn').popover('hide');
});
my html:
<ul>
<li>
<a href="#" class="btn" data-toggle="popover" data-placement="bottom" title="" >Popover</a>
</li>
<li>
<a href="#" class="btn" data-toggle="popover" data-placement="bottom" title="" >Popover</a>
</li>
</ul>
добавив что-то вроде кода ниже, я решил как-то решить проблему:
$('.btn').click(function(e) {
$('.btn').popover('hide');
});
но дважды щелкнув по каждой кнопке, это будет не так.