Question

我在导航（由标签组成）上遇到了麻烦，该导航不适用于此page.，但可以正常使用，而不是在this page上使用完全相同的方式包含它。

在单击左上角的“挪威”时，导航将打开，但无法打开“美国，南非”等标签。）

这是php我正在用来添加的内容：

<div class="outlet__box">
  <div class="outlet__box_content">
   <?php include '../../menu.php'; ?>
  </div>
</div>

导航的html改为：

<ul class="tabs">
    <li class="active">
      <span class="h2 tabs__headline trigger-select-tab">Europe
        <span class="caret visible-xs"></span>
      </span>
    </li>
    <li>
      <span class="h2 tabs__headline trigger-select-tab">Americas
        <span class="caret visible-xs"></span>
      </span>
    </li>
    <li>
      <span class="h2 tabs__headline trigger-select-tab">Middle East and Africa
        <span class="caret visible-xs"></span>
      </span>
    </li>
    <li>
      <span class="h2 tabs__headline trigger-select-tab">Asia and Oceanic
        <span class="caret visible-xs"></span>
      </span>
    </li>
</ul>

问题与js有关吗？（我检查了控制台，但没有看到错误）。

有什么提示吗？

预先感谢

Answer 1

输入此代码进行导航，一切就绪...

$('#language-outlet-wrapper .outlet .tabs>li').click(function(index){
    var ind = $('#language-outlet-wrapper .outlet .tabs>li').index(this);
    $(this).addClass('active').siblings().removeClass('active');
    $(this).parent().parent().find('ul.tab_content>li').each(function(index){
        if(ind == index){
            $(this).addClass('active').siblings().removeClass('active');
        }
    });
});

点击时不会重新显示CSS / JS选项卡

1 个答案: