2011-05-22 108 views
1

我有一个弹出窗口,我基本上只是昏暗的身体给它的灯熄灭效果。我有一个点击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; 
     }) 
    }); 

回答

0

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

K

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; 
    } 
    }); 
});