单击外部退出动态弹出窗口?

时间:2011-05-22 20:50:58

标签: javascript jquery click

我有一个弹出窗口,我基本上只是调暗身体,给它熄灯效果。我有一个点击handeler,如果单击正文,它将关闭弹出窗口但我的问题是点击处理程序甚至在弹出窗口打开之前停止所有点击。有谁知道我怎么能这样做,以便在打开弹出窗口之前点击一个链接会转到链接但是在弹出窗口打开后单击一个链接会执行我的功能而不是单击链接?

我现在使用的是什么:

   $(document).ready(function() {
     $("body").click(function(){
                var element=document.getElementById("game"); 
//yes i could use the jquery method for all of these but this works


                element.width="650";
                element.height="500";
                element.style.position="relative";
                $("body").fadeTo(3000,1.0);
            }
            return false;
        })
    });

2 个答案:

答案 0 :(得分:0)

只有在点击链接/打开弹出窗口后,才能实际添加“body”点击handeler。然后在单击“正文”后,您可以再次将其删除并恢复链接的单击处理程序。 “bind()”和“unbind()”会很方便。

ķ

答案 1 :(得分:0)

jQuery在哪里?当你使用jQuery时,你使用jQuery ...

当您点击正文时,您可以检查#game是否可见并使用它:

$(document).ready(function() {
  $('body').click(function(e){
    if (!$('#game').is(':visible')) {
      $('#game').width('650px');
      $('#game').height('500px');
      $('#game').css('position', 'relative');

      $('body').fadeTo(3000, 1.0);

      e.preventDefault();
      return false;
    }
  });
});