Question

我试图在图像上修复弹出窗口点击我试图做的事情，如果我点击图像，popover显示如果我agian点击它隐藏的图像，但我想要更多的东西，如果我点击图片和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
    }
});

Answer 1

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

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

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

Answer 2

我想你想要这样的东西：

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

Answer 3

如果您使用标签指示的引导程序，这非常简单，因为默认情况下bootstrap提供此功能：

<强> HTML

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

<强>的Javascript

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

单击屏幕时，popover不会隐藏

3 个答案: