求个切换的jquery代码,需要切换后加载内容,不是打开页面就加载了,这样打开页面很慢
1个回答
展开全部
<ul class="tag">
<li>详情</li>
<li>评论</li>
</ul>
<div class="content">
<div class="content-txt">内容</div>
<div class="content-comm">评论</div>
</div>
ul,li{
list-style:none;
}
.tag{
width:1000px;
margin:10px auto;
}
.content-comm{
display:none;
}
.content{
width:990px;
padding:5px;
margin:0 auto;
}
jquery
$(".tag li").eq(0).show();
$(".tag li").click(function(){//鼠标经过就用hover
$(this).siblings().css("color","#333");
$(this).css("color","#f00");
$(".content div").hide();
var ind = $(this).index();
$(".content div").eq(ind-1).show();
if(ind>1){//第一个内容DIV打开页面就输出来,其他的评论的就点击操作后再用异步获取数据加载出来
$.post("xxxx.php",{paramer:val},function(data){
$(".content div").eq(ind-1).html(data);
});
}
});
你没有详细给出什么布局的要求,我就写这个例子给你,你可以复制去试试。写了这么多望采纳吧!!!
追问
恩,是很多,很详细了,谢谢了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询