选项卡说明 - 选项卡3和4不工作

时间:2018-04-01 22:48:14

标签: javascript html shopify

好的我试图解决它但不能,我有一个标签式描述框,前两个标签正在工作,但当我将信息添加到标签3和4时,它们不起作用。如果我一次只有两个标签工作,它们似乎只能工作,所以我可以有1 + 3或1 + 4或2 + 4等

真的可以帮到你。

{{ product.description }}<div id="tab-1">
<span>This is working.</span></div>
<div id="tab-2">
<span>And so is this</span></div>
<div id="tab-3">NOT THIS</div>
<div id="tab-4">NOR THIS</div>

<!--product-template.liquid-Along with CSS--><div>
  <ul class="tabs">
    <li><a href="#tab-1">Description</a></li>
    <li><a href="#tab-2">Specs</a></li>
    <li><a href="#tab-3">Shipping</a></li>
    <li><a href="#tab-4">Returns</a></li>
  </ul>
  {{ product.description }}
</div>

/*theme.js*/$(theme.init);

 $(document).ready(function() {
    $('ul.tabs').each(function(){
      var active, content, links = $(this).find('a');
      active = links.first().addClass('active');
      content = $(active.attr('href'));
      links.not(':first').each(function () {
        $($(this).attr('href')).hide();
      });
      $(this).find('a').click(function(e){
        active.removeClass('active');
        content.hide();
        active = $(this);
        content = $($(this).attr('href'));
        active.addClass('active');
        content.show();
        return false;
      });
    });
  });

1 个答案:

答案 0 :(得分:0)

检查您的代码。重新检查我的,我想我放错了地方