ytttw 2021-03-09 12:30 采纳率: 50%
浏览 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 MPI读取tif文件无法正常给各进程分配路径
  • ¥15 如何用MATLAB实现以下三个公式（有相互嵌套）
  • ¥30 关于#算法#的问题：运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下
  • ¥15 setInterval 页面闪烁，怎么解决
  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题：做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动
  • ¥20 对于工程问题的非线性数学模型进行线性化
  • ¥15 Mirare PLUS 进行密钥认证？（详解）