Question

我的网页上有4个标签。但是在页面加载时总是打开第一个选项卡。我想在页面加载中使用url中的一些哈希参数打开其他选项卡这是我的代码：

<ul class="tab-links">
    <li class="active"><a href="#tab1"> tab1 </a></li>
    <li><a href="#tab2"> tab2 </a></li>
    <li><a href="#tab3"> tab2 </a></li>
    <li><a href="#tab4"> tab2 </a></li>
</ul>

<div class="tab-content">
    <div id="tab1"  class="tab active">

    </div>

    <div id="tab2" class="tab">

    </div>

    <div id="tab3"  class="tab">

    </div>

    <div id="tab4"  class="tab">

    </div>

Answer 1

你可以通过php实现它。点击链接上的属性，例如mypage.php？tab = tab2 然后在页面上获取

 $tab = $_GET['tab'];
    <ul class="tab-links">
    <li class="tab <?php if($tab=='tab1')echo "active"; ?>"><a href="#tab1"> tab1 </a></li>
    <li class="tab <?php if($tab=='tab2')echo "active"; ?>"><a href="#tab2"> tab2 </a></li>
    <li class="tab <?php if($tab=='tab3')echo "active"; ?>"><a href="#tab3"> tab2 </a></li>
    <li class="tab <?php if($tab=='tab4')echo "active"; ?>"><a href="#tab4"> tab2 </a></li>
</ul>
<div class="tab-content">
    <div id="tab1"  class="tab <?php if($tab=='tab1')echo "active"; ?>">

    </div>

    <div id="tab2" class="tab <?php if($tab=='tab2')echo "active"; ?>">

    </div>

    <div id="tab3"  class="tab <?php if($tab=='tab2')echo "active"; ?>">

    </div>

    <div id="tab4"  class="tab <?php if($tab=='tab4')echo "active"; ?>">

    </div>

如何使用哈希参数自动点击我的标签链接

1 个答案: