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条)

报告相同问题？