今天发现a标签点击事件一个特殊的地方,记录一下。
我想通过点击导航条更换content里面的内容,点击的时候只有放手的一下content里面的内容改变了,立马又变成了改变之前的样子,但是我尝试用input点击的时候content里面的内容是永久性改变的。
代码如下:
html代码:
<li><a href="" class="active" id="user-register-click">用户注册</a></li>
<li><a href="" id="in-register-click">内部注册</a></li>
<li><a href="" id="manage-authorization">管理授权</a></li>
JavaScript代码:
<script type="text/javascript">
$(document).ready(function($){
$("#user-register-click").click(function(){
$('#in-register').css("display","none");
})
$("#in-register-click").click(function(){
$('#user-register').css("display","none");
})
});
</script>
是因为:
html中
<li><a href="" ></a><li>
<li><a href="" ></a></li>
href=”“,让网页点击的时候有链接回了主页面,相当于重新加载了一遍初始的代码,写成这样就不会有问题
<li><a href="##" ></a><li>
<li><a href="##" ></a></li>