ytttw 2021-03-09 12:30 采纳率: 66.7%
浏览 73
已采纳

制作网页选项卡问题?

如图三个选项卡，点击出现不同内容，我可以看到不一样的内容，但是我一刷新这个页面，页面就会把第三个选项卡的内容显示出来在第一个选项卡右边，我代码好像有点问题但是我不知道怎么改，求大佬帮我看看!

  • 写回答

2条回答 默认 最新

  • AllPromise 2021-03-09 14:41
    关注
    <html>
<head>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <style>
        .per-current {
            color: red
        }

        .guide_wrap div {
            display: none;
        }
    </style>
</head>

<body>
<div class="per-nav-list-box">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>
<div class="guide_wrap">
    <div>111111</div>
    <div>222222</div>
    <div>333333</div>
</div>
<script>
    $(function () {
        $('.per-nav-list-box ul li').click(function () {
            $(this).addClass('per-current').siblings().removeClass('per-current');
            $('.guide_wrap>div:eq(' + $(this).index() + ')').show().siblings().hide();
        })
    })
</script>
</body>
</html>


    按照你那个写的,没啥问题

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥15 stable diffusion
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题：求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿