為什么按照下面的代碼實(shí)現(xiàn)不了重復(fù)點(diǎn)擊切換屬性的問(wèn)題?
<!DOCTYPE?html>
<html>
<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????????<title>挑戰(zhàn)題</title>
????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script>
????</head>
????
????<body>
????????<ul>
????????????<li>1</li>
????????????<li>2</li>
????????????<li>3</li>
????????????<li?style="display:none">4</li>
????????????<li?style="display:none">5</li>
????????????<li>6</li>
????????????<li>7</li>
????????????<a?href="javascript:">更多</a>
????????</ul>
????????<script>
?????????var?$a=$("li:hidden");
????????????$("a:contains('更多')").click(function(){
????????????????$("a").html("簡(jiǎn)化");
????????????????$a.show();
????????????})
????????????$("a:contains('簡(jiǎn)化')").click(function(){
????????????????$("a").html("更多");
????????????????$a.hide();
????????????})?
????????</script>
????</body>
</html>點(diǎn)擊第一次有變化,再點(diǎn)擊時(shí)就沒(méi)有什么反應(yīng)了,求大神幫忙解決.(我是新手)
2016-04-28
?$("a:contains('簡(jiǎn)化')").click(function(){ ????????????????$("a").html("更多"); ????????????????$a.hide(); ????????????})這段代碼只會(huì)在頁(yè)面初始化的時(shí)候執(zhí)行一次，所以你第二次點(diǎn)擊時(shí)沒(méi)有反應(yīng)，按照你的想法可以這樣改一下
<!DOCTYPE?html> <html> <head> ????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> ????????<title>挑戰(zhàn)題</title> ????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script> ????</head> ????? ????<body> ????????<ul> ????????????<li>1</li> ????????????<li>2</li> ????????????<li>3</li> ????????????<li?style="display:none">4</li> ????????????<li?style="display:none">5</li> ????????????<li>6</li> ????????????<li>7</li> ????????????<a?href="javascript:">更多</a> ????????????<a?href="javascript:">簡(jiǎn)化</a> ????????</ul> ????????<script> ?????????var?$a=$("li:hidden");????????? ????????????$("a:contains('更多')").click(function(){ ????????????????$("a:contains('簡(jiǎn)化')").show(); ????????????????$(this).hide(); ????????????????$a.show(); ????????????}); ????????????$("a:contains('簡(jiǎn)化')").click(function(){ ????????????????$("a:contains('更多')").show(); ????????????????$(this).hide(); ????????????????$a.hide(); ????????????}); ????????????$("a:contains('簡(jiǎn)化')").hide(); ????????</script> ????</body> </html>2016-04-26
你去看看下面的同學(xué)代碼參考下吧，我也不太懂~