隐藏一个div仅当它已经显示出

我需要隐藏弹出时，一旦当用户点击其他地方在页面popupbox：可见确实为我隐藏一个div仅当它已经显示出

$(document).ready(function() { 
          $(".popupbox").hide(); 
         }); 
         $(".ribbon").click(function() { 
          $(".popupbox").toggle(); 
         }) 
         $(".popupbox img").click(function() { 
          $(".popupbox").hide(); 
         }) 

         $("body").click(function() { 
          $(".popupbox:visible").hide(); 

         })

来源

2017-07-25 Sam Mohamed

为什么不使用'$（'。popupbox'）。hide（）'？如果它是不可见的，什么都不会发生 – Phil

$("body"):not('.popupbox, .popupbox *').click(function() { 
    $(".popupbox:visible").hide(); 
})

来源

2017-07-25 05:07:23 Imad

你的意思是这样的 \t $（文件）。就绪（函数（）{ \t $（ “popupbox。”）隐藏（）; }）; $（ “色带 ”）点击（函数（）{ \t $（“ popupbox。 ”）切换（）; }）。。 \t \t \t \t $（“。popupbox IMG”）点击（函数（）{ \t $（ “popupbox。 ”）隐藏（）; }） \t \t \t \t \t \t \t $（“ 身体”）：不是（ 'popupbox，.popupbox *'）点击（函数（）{ \t \t \t \t \t \t \t \t $（“。popupbox：visible”）。hide（）; \t \t \t \t \t \t \t}） –

删除所有的点击并把这一个。如果不起作用，然后回复给我 – Imad

它不再工作 –

尝试使用不工作$(".popupbox").css("display", "none");而不是$(".popupbox:visible").hide();

来源

2017-07-25 05:07:31 Ffio

下有哪些像？ –

隐藏一个div仅当它已经显示出

回答

相关问题