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 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写，需写出详细代码，代价私
  • ¥15 ROS系统搭建请教（跨境电商用途）
  • ¥15 AIC3204的示例代码有吗，想用AIC3204测量血氧，找不到相关的代码。