jQuery hide()show()没反应?求大神支招
本文介绍了jQuery hide()show()没反应?求大神支招的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
$(document).ready(function(){
var $category = $('ul li:gt(5):not(:last)');
$category.hide(); //隐藏这部分,除了"其他品牌相机"
$("span").click(function(){
if($category.is(":visible")){
$category.hide();
$(this).text("显示全部品牌");
}else{
$category.show();
$(this).text("精简显示品牌");
}
return false;
})
})
下面是html部分:
<div class="SubCategoryBox">
<ul>
<li ><a href="#">佳能</a><i>(30440) </i></li>
<li ><a href="#">索尼</a><i>(27220) </i></li>
<li ><a href="#">三星</a><i>(20808) </i></li>
<li ><a href="#">尼康</a><i>(17821) </i></li>
<li ><a href="#">松下</a><i>(12289) </i></li>
<li ><a href="#">卡西欧</a><i>(8242) </i></li>//需要隐藏
<li ><a href="#">富士</a><i>(14894) </i></li>//需要隐藏
<li ><a href="#">柯达</a><i>(9520) </i></li>//需要隐藏
<li ><a href="#">宾得</a><i>(2195) </i></li>//需要隐藏
<li ><a href="#">理光</a><i>(4114) </i></li>//需要隐藏
<li ><a href="#">奥林巴斯</a><i>(12205) </i></li>//需要隐藏
<li ><a href="#">明基</a><i>(1466) </i></li>//需要隐藏
<li ><a href="#">爱国者</a><i>(3091) </i></li>//需要隐藏
<li ><a href="#">其它品牌相机</a><i>(7275) </i></li>
</ul>
<div class="showmore">
<span>显示全部品牌</span>
</div>
</div>
问题是(ul li:gt(5):not(:last))部分并没有隐藏,而且按钮显示全部品牌也没反应??
下面是截图:
解决方案
敢问 jQuery 引用的是什么版本?我刚试了 1.11.3 下面没有问题
http://jsbin.com/dudakowavo/edit?html,js,output
希望有所帮助~ :)
这篇关于jQuery hide()show()没反应?求大神支招的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文