Где ошибка в скрипте вкладок?

269
06 мая 2018, 18:31

Подскажите, пожалуйста, где у меня ошибка в скрипте? Благодарю!

$(document).ready(function() { 
 
  $(".tab_container").hide(); 
  $(".tabs_title:first").addClass("tabs_title_active").show(); 
  $(".tab_container:first").show(); 
 
  $(".tabs_title").click(function() { 
    $(".tabs_title").removeClass("tabs_title_active"); 
    $(this).addClass("tabs_title_active"); 
    $(".tab_container").hide(); 
    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).fadeIn(); 
    return false; 
  }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="tabs_titles"> 
  <a href="#tab_container_1" class="tabs_title">1</a> 
  <a href="#tab_container_2" class="tabs_title">2</a> 
  <a href="#tab_container_3" class="tabs_title">3</a> 
</div> 
 
<div id="tab_container_1" class="tab_container"> 
  Текст вкладки 1 
</div> 
<div id="tab_container_2" class="tab_container"> 
  Текст вкладки 2 
</div> 
<div id="tab_container_3" class="tab_container"> 
  Текст вкладки 3 
</div>

Answer 1

$(this) указывет на элемент a, поэтому не нужно выполнять его поиск

$(document).ready(function() { 
 
  $(".tab_container").hide(); 
  $(".tabs_title:first").addClass("tabs_title_active").show(); 
  $(".tab_container:first").show(); 
 
  $(".tabs_title").click(function() { 
    $(".tabs_title").removeClass("tabs_title_active"); 
    $(this).addClass("tabs_title_active"); 
    $(".tab_container").hide(); 
    var activeTab = $(this).attr("href"); 
    $(activeTab).fadeIn(); 
    return false; 
  }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="tabs_titles"> 
  <a href="#tab_container_1" class="tabs_title">1</a> 
  <a href="#tab_container_2" class="tabs_title">2</a> 
  <a href="#tab_container_3" class="tabs_title">3</a> 
</div> 
 
<div id="tab_container_1" class="tab_container"> 
  Текст вкладки 1 
</div> 
<div id="tab_container_2" class="tab_container"> 
  Текст вкладки 2 
</div> 
<div id="tab_container_3" class="tab_container"> 
  Текст вкладки 3 
</div>

READ ALSO
Как получить значение href

Как получить значение href

У меня есть ссылка,

189
Не полностью выводятся товары в jquery

Не полностью выводятся товары в jquery

Есть datajson и есть картинки в каждой которой есть слог _tn хочу чтобы выводился список товаров c этими картинками, но почему-то только выводятся...

215
Как сделать отступ при скролле на определенное количество пикселей?

Как сделать отступ при скролле на определенное количество пикселей?

Подскажите, пожалуйста, как при скролле сделать отступ от верха экрана на определенное число пикселей? Благодарю!

186