2012-10-24 114 views
0
function loadPopup(type) { 
    if (type == "login") { 
     $("#login").show(); 
     $("#dark").show(); 
     $("body").keypress(function (e) { 
      var key = e.keyCode ? e.keyCode : e.which; 
      if (key == "27") { 
       $("#login").hide(); 
       $("#dark").hide(); 
      } 
     }); 
    } 
} 

这弹出一个窗口,它有id登录和黑暗。当Esc按下时,它将自动关闭。这两个元素的风格:脚本不能在铬中工作

#dark { 
    display: none; 
    position: absolute; 
    top: 0 % ; 
    left: 0 % ; 
    width: 100 % ; 
    height: 100 % ; 
    background-color: #aaa; 
    z-index: 1001; 
    -moz-opacity: 0.8; 
    opacity: .80; 
    filter: alpha(opacity = 80); 

} 
#login { 
    display: none; 
    background: white; 
    color: black; 
    width: 500px; 
    height: 500px; 
    position: absolute; 
    top: 50 % ; 
    left: 50 % ; 
    margin-left: -250px; 
    margin-top: -250px; 
    z-index: 1002; 
} 

和HTML:

<head> 
<title>some title</title> 
    <link rel="stylesheet" href="style/css.php?file=index" type="text/css"/> 

    <script src="script/JQuery.js" type="text/javascript"></script> 
    <script src="script/js.php?file=index" type="text/javascript"></script> 

</head> 
<body> 
     <div id="dark"></div> 
     <div id="login"></div> 

这里的一些元素。

这工作在IE 9,Mozilla Firefox但不是在Chrome 21中。错误在哪里?

+2

“哪里是错误?” =>在错误控制台中,按F12或菜单 - >工具 - > JavaScript控制台。 –

+0

错误未捕获TypeError:对象[object Window]的属性'登录'不是函数 – gokul

+0

登录未在上面的代码中使用,它必须在其他代码中查找该单词,听起来像是不是初始化/创建正确(或在正确的地方) –

回答

0

你似乎是指派按键事件事件时间的函数被调用..尝试移动它的功能外..

$(function() { 
    $("body").keypress(function (e) { 
     var key = e.keyCode ? e.keyCode : e.which; 
     if (key == "27") { 
      $("#login").hide(); 
      $("#dark").hide(); 
     } 
    }); 
}); 

function loadPopup(type) { 
    if (type == "login") { 
     $("#login").show(); 
     $("#dark").show(); 
    } 
}