我有一个div
<div id="fade_bg">
<div id="login_div">
<form action="../classes/login/Authenticator.php" method="post">
<p>username: <input type="text" name="username" /></p>
<p>password: <input type="password" name="password" /></p>
<p><input type="submit" name="login" /></p>
</form>
<p><a id="cancel" href="#">cancel</a>
</div>
</div>
我只想在什么时候展示
<a id="login" href="">Admin login</a>
被点击。我用了
$(function() {
$('a#login').click(function() {
$('#fade_bg').show();
$('#login').hide();
});
$('a#cancel').click(function() {
$('#fade_bg').hide();
$('#login').show();
});
});
但是,当我单击该链接时,我想要显示的 div 仅出现一瞬间,然后恢复正常,就像单击取消按钮一样。为什么会发生这种情况?
编辑:JS 调试器控制台上没有错误。
尝试这样:
$('#login').click(function (e) {
e.preventDefault();
$('#fade_bg').show();
$(this).hide();
});
$('#cancel').click(function (e) {
e.preventDefault();
$('#fade_bg').hide();
$('#login').show();
});
演示在这里 http://jsfiddle.net/kj3xX/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)