这段代码哪里出问题了
blowwind
2016-07-15 16:59
<!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>闪了一下又没了？
大家可以试试，帮帮我～谢谢
4回答
-
- dempensy
- 2016-07-15 17:44:53
加入空链接javascript:void(0)，防止跳转
-
- dempensy
- 2016-07-15 17:41:21
<li><a class="btn btn-primary" href="javascript:void(0)">更多</a></li>
-
- 无忧无虑敲代码
- 2016-07-15 17:38:02
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
-
- 无忧无虑敲代码
- 2016-07-15 17:36:36
亲，你没有调用JQ 文件~~~
jQuery基础课程
154706 学习 · 7289 问题