Question

我正在尝试将第二个标记显示为默认的有效标签。

以下代码中称为“slide1link”。你有建议吗？

$(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;
              });
          });

<ul class="tabs">
<li class="slide0link"><a href="#ohne-logo">Ohne Logo</a></li>
<li class="slide1link active"><a href="#heissfolienpraegung">Heißfolienprägung</a></li>
<li class="slide2link"><a href="#blindpraegung">Blindprägung</a></li>
<li class="slide3link"><a href="#motivdruck">Motivdruck</a></li>
</ul >

Answer 1

更改：active = links.first().addClass('active');
收件人：active = links.first().next().addClass('active');

Answer 2

//links.first().addClass('active');

这会将'active'添加到'ul'中的第一个'a'元素，而在html中你有将'有效'课程放在'li'上。如果您想在第二个'li'上添加课程，请将代码更改为：

links[1].parent().addClass('active');

或者，如果你想在第二个'a'上添加课程（为此你需要将class ='active'放在'a'而不是<强> '礼'）：

links[1].addClass('active');

将第二个标签显示为默认活动

2 个答案: