這段代碼哪里出問題了
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>Title</title>
? ?<link rel="stylesheet" href="/Public/css/bootstrap.min.css">
</head>
<body>
? ?<ul>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li>測試內容</li>
? ? ? ?<li><a class="btn btn-primary" href="">更多</a></li>
? ?</ul>
<script src="/Public/JS/jquery.min.js"></script>
<script>
? ?$(function(){
? ? ? ?$("li:gt(3):not(li:last)").hide();
? ? ? ?$("a").click(function(){
? ? ? ? ? ?if($("a").html() == "更多"){
? ? ? ? ? ? ? ?$("li").show();
? ? ? ? ? ? ? ?$("a").html("簡化");
? ? ? ? ? ?}
? ? ? ? ? ?else{
? ? ? ? ? ? ? ?$("li:gt(3):not(li:last)").hide();
? ? ? ? ? ? ? ?$("a").html("更多");
? ? ? ? ? ?}
? ? ? ?})
? ?})
</script>
</body>
</html>
為什么我點擊按鈕,隱藏的<li>閃了一下又沒了?
大家可以試試,幫幫我~謝謝
2016-07-15
加入空鏈接javascript:void(0),防止跳轉
2016-07-15
<li><a class="btn btn-primary" href="javascript:void(0)">更多</a></li>
2016-07-15
<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script>
2016-07-15
親,你沒有調用JQ 文件~~~