我有一个带有jquery的幻灯片面板登录框,它的工作正常,只有关闭链接不起作用 这是javascript代码。
<script type="text/javascript">
$(document).ready(function(){
$("#login-link").click(function(){
$("#login-panel").slideToggle(200);
})
})
$(document).keydown(function(e) {
if (e.keyCode == 27) {
$("#login-panel").hide(0);
}
});
$("#login-close").click(function() {
$("#login-panel").hide(0);
return false;
});
</script>
这是HTML for
<a id="login-link" href="#" title="Login">Login</a>
<div id="login-panel">
<div style="padding-left:10px;width:190px; height:163px; background-color:#2a2a2a; text-align:left; vertical-align:text-top;">
<form id="login" action="<?php echo osc_base_url(true) ; ?>" method="post">
<table border="0" style="font: normal 10pt Tahoma; color:#fff;">
<tr>
<td height="20" valign="top">Email <br>
<input id="email" type="text" value="" name="email"></td>
</tr>
<tr>
<td height="20" valign="top">Password<br>
<input id="password" type="password" value="" name="password">
</tr>
<tr>
<td><input type="submit" name="submit" value="Sign In" /></td>
</tr>
<tr>
<td height="25" valign="top">
<small><a href="#login-close">press ESC or close</a></small></td>
</tr>
</table>
</form>
</div>
当按下 ESC 时,它完美无缺并关闭登录框。 但它没有关闭链接点击,只在网址中添加#login-close
由于
答案 0 :(得分:1)
您没有任何ID为login-close的元素。尝试将您的关闭锚更改为:
<a href="#login-close" id="login-close">press ESC or close</a>
另外,请确保所有您的代码都在文档就绪功能中。
$(document).ready(function(){
$("#login-link").click(function(){
$("#login-panel").slideToggle(200);
});
$(document).keydown(function(e) {
if (e.keyCode == 27) {
$("#login-panel").hide(0);
}
});
$("#login-close").click(function() {
$("#login-panel").hide(0);
return false;
});
});
答案 1 :(得分:0)
这有用吗?
$("#login-close").click(function(e) { // added e to function arguments
e.preventDefault(); // added method here
$("#login-panel").hide(0);
// remove return false here.
});
还要在链接中添加ID:
<a id="login-close" href="#login-close">press ESC or close</a>
你的JS中有错误(并非所有内容都在就绪函数中)和HTML(未封闭标签) - http://jsfiddle.net/dtctu/
答案 2 :(得分:0)
您没有为自己的链接指定ID,因此$("#login-close")
无法找到它。
将id="login-close"
添加到您的链接。
答案 3 :(得分:0)
工作演示 http://jsfiddle.net/WhSTh/5/
id
登录关闭丢失了:我还添加了<td>
,但也丢失了
<td height="25" valign="top">
<small><a href="#login-close" id="login-close"> press ESC or close</a></small></td>
希望这有帮助,欢呼!
<强>码强>
$(document).ready(function() {
$("#login-link").click(function() {
$("#login-panel").slideToggle(200);
})
})
$(document).keydown(function(e) {
if (e.keyCode == 27) {
$("#login-panel").hide(0);
}
});
$("#login-close").click(function() {
$("#login-panel").hide(0);
return false;
});