求个切换的jquery代码,需要切换后加载内容,不是打开页面就加载了,这样打开页面很慢

 我来答
斌starin
2016-09-27 · TA获得超过140个赞
知道小有建树答主
回答量:162
采纳率:100%
帮助的人:118万
展开全部
<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);
        });
    }
});

你没有详细给出什么布局的要求,我就写这个例子给你,你可以复制去试试。写了这么多望采纳吧!!!

追问
恩,是很多,很详细了,谢谢了
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式