popover не скрывается при нажатии на экран

im пытается исправить popover на изображении, щелкнув im, пытаясь сделать что-то вроде того, что, если я нажимаю на изображение, popper показывает, если я нажимаю на изображение, которое он скрывает, но я хочу что-то еще, если я выйду из изображения и поймаю его, чтобы скрыть любую помощь, было бы appriciated, спасибо.popover не скрывается при нажатии на экран

$("#popup-img").click(function() { 

    if ($(".popup").is(":hidden")) { 
     $(".popup").slideDown("fast"); 
    } else { 
     $(".popup").slideUp("fast"); 
    } 
    if ($(".popup").is(":visible")) { 
     // i thin here code should be if i click out of the popover 
     // it should be hide again 
    } 
});

источник

2013-08-29 Shahbaz

вы пишете код, чтобы скрыть всплывающее окно, внутри обработчика щелчка на popupimage, и вы хотите, чтобы скрыть popupimage, в то время как в другом месте щелкнул ?? –

да, я хочу, когда я нажимаю в другом месте документа всплывающее окно [shuold hide – Shahbaz

Если вы используете загрузчик, как указано в теге это очень просто, так как загрузчик обеспечивает эту функциональность по умолчанию:

HTML

<div id="popup-img"> Click</div> 
<div class="popup modal hide">This is a popup</div>

Javascript

$("#popup-img").click(function(){ 
    $(".popup").modal(); 
});

источник

2013-08-29 08:46:02

да, используя bootstrap, и у меня есть также addd bootstrap-tooltip.js и bootstrap-popover.js , но он не работал, поэтому я решил сделать это с jquery отдельно. – Shahbaz

@Shahbaz вы добавили '.modal' во всплывающее окно? –

Я также добавил модальный всплывающее окно – Shahbaz

$("#popup-img").click(function() { 

    if ($(".popup").is(":hidden")) { 
     $(".popup").slideDown("fast"); 
    } 
}); 
$(window).click(function() { 

    if ($(".popup").is(": visible")) { 
     $(".popup").slideUp("fast"); 
    } 
});

источник

2013-08-29 08:36:55 Romaindr

не работает, когда я нажимаю на него, закрывается без щелчка в любом месте – Shahbaz

Итак, добавьте свое else {...} на img, нажмите – Romaindr

, вы можете добавить ваша скрипка – Stiger

Я думаю, что вы хотите что-то вроде:

$("#popup-img").click(function() { 
    $(".popup").slideDown("fast"); 
    $("body").click(function() { 
     $(this).unbind("click"); 
     $(".popup").slideUp("fast"); 
    } 
});

источник

2013-08-29 08:37:11

это не работает, когда я нажимаю на нее, закрывается без щелчка в любом месте – Shahbaz

popover не скрывается при нажатии на экран

ответ

Смежные вопросы