@ferdasfarmazone
Верстальщик!

Переделать скрипт табов?

Есть простой скрипт табов:
$(document).ready(function() {
  $('.main-tabs__content > div').hide();
  $('.main-tabs__slider li:first').addClass('active').show();
  $('.main-tabs__content > div:first').show();
  $('.main-tabs__slider a').click(function() {
    $('.main-tabs__slider li').removeClass('active');
    $(this).parent().addClass('active');
    $('.main-tabs__content > div').hide();
    var activeTab = $(this).attr('href');
    $(activeTab).slideToggle(400);
    return false;
  });
});

Нужно переделать его так, чтобы активный пункт не нажимался.
  • Вопрос задан
  • 192 просмотра
Решения вопроса 2
@Arik
$('.main-tabs__slider a').click(function() {
if($(this).hasClass('active')) {
return false;
}
//... дальше
?
Ответ написан
@sincopa
$('.main-tabs__slider a').click(function(event ) {
if($(this).hasClass('active')) {
event.preventDefault();
}
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@SergiiM
Фронтенд разработчик
9Можно и через CSS:
.main-tabs__slider a.active {
pointer-events: none;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы