Как закрыть все popover bootstrap

287

18 августа 2017, 00:00

нажимаем первую картинку. Все ок.
Нажимаем вторую картинку. Все ок. первая закрылась.

Нажимаем первую картинку. вторая не закрылась. Почему?

$(document).on("click", ".tab-image-detalize", function () {

$(".tab-image-detalize").popover("hide");
if ($(this).attr("data-isopen") === "true"){
    $(this).attr("data-isopen", "false");
    $(this).popover("hide");
    return;
}
$(".tab-image-detalize").attr("data-isopen", "false");
$(this).attr("data-isopen", "true");
$(this).popover("show");

});

https://jsfiddle.net/5demsdL8/

Answer 1

https://jsfiddle.net/5demsdL8/1/

$(document).ready(function () {
    $(document).on("click", ".tab-image-detalize", function () {
        $(this).popover("show");
    });
    $('.tab-image-detalize').on("show.bs.popover", function () {
        $(".tab-image-detalize").not($(this)).each(function(){$(this).popover("hide");});
    });
});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Адаптивная ширина видео

Сайт на bootstrap, на сайте много видео с разной шириной, при просмотре на мобильных вылазит за границу экрана, ставлю width:100%, на мобильном ОК, а на ПК все...

346

javascript