Javascript 单击屏幕时，popover未隐藏

我正在尝试修复图像上的popover单击我正在尝试这样做，如果我单击图像，popover会显示，如果我再次单击它隐藏的图像，但是如果我从图像中单击，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
    }
});

---

我想你想要的是：

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

---

如果您使用标签所示的引导，这非常简单，因为引导默认提供此功能：

HTML

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

---

您正在编写代码以隐藏popupimage的click处理程序中的popupimage，并且您希望在单击其他位置时隐藏popupimage？？是的，我希望在单击文档中其他位置时隐藏popupimage[shuold hideyes我正在使用bootstrap，我还添加了bootstrap-tooltip.js和bootstrap-popover.js，但它不起作用，因此我决定单独使用jquery。@Shahbaz你是否在弹出窗口中添加了

.modal

？我还在弹出窗口中添加了modal？当我单击它而不单击任何地方就关闭时它不起作用，所以添加yo你的其他{…}在img click上你能添加你的小提琴吗？当我点击它时它不工作，没有点击任何地方就关闭了

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

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