Блог

У меня есть вопрос, похожий на другие здесь, но они не помогли, потому что они ссылались на ссылки на списки, в то время как они не являются списками.

У меня есть сайт с горизонтальным перемещением. Когда вы нажимаете на ссылки вверху, они выделяются в соответствии с тем, на какую страницу они переходят. Однако, если вы используете левую и правую навигационные стрелки, ссылки не выделяются должным образом. Он просто остается выделенным на последней ссылке, на которую был нажат. Мне было интересно, может ли кто-нибудь показать мне, что я делаю неправильно. Я хочу, чтобы правильная ссылка была выделена, даже когда используются навигационные стрелки.

Вот скрипт на jsfiddle:http://jsfiddle.net/LD9YS/13 /

И вот одна из моих неудачных попыток… (пожалуйста, не пытайтесь выяснить, что я здесь делал… Я сам об этом понятия не имею)

 $(".arrow-right").click(function(){
   prevA.removeClass("active");
   prevA = $(A[index]).addClass("active");
});
  

До боли очевидно, что я понятия не имею, как это сделать, но, по крайней мере, я предпринял несколько попыток. Я хотел показать больше своих попыток, но они были настолько запутанными, что я даже не могу вспомнить, что я сделал с ними.

Может кто-нибудь, пожалуйста, помочь? Если кто-то не может помочь с этим, я готов просто отказаться от этого.

Вы бы сделали это следующим образом

 $('.arrow-left').on('click', function (e) {
    e.preventDefault();
    $('.tabs .active').prev().trigger('mousedown');
});

$('.arrow-right').on('click', function (e) {
    e.preventDefault();
    $('.tabs .active').next().trigger('mousedown');
});
  

СКРИПКА

Вот что вам следует сделать:

   $('.arrow-left').on('click', function(e){
    e.preventDefault();
    mySwiper.swipePrev();
    $(".tabs .active").removeClass('active');
    $($('.tabs a')[mySwiper.activeIndex]).addClass('active');
  })

  $('.arrow-right').on('click', function(e){
    e.preventDefault();
    mySwiper.swipeNext();
    $(".tabs .active").removeClass('active');
    $($('.tabs a')[mySwiper.activeIndex]).addClass('active');
  })
  

Это сработало бы для стрелки вправо…

   $('.arrow-left').on('click', function(e){
    e.preventDefault()
    var current = $('.tabs').find('a.active').index();
      if(current!= $('.tabs').find('a:first').index()){
         $('.tabs a').removeClass('active');
          $('.tabs a').eq(current-1).addClass('active');
      }
    mySwiper.swipePrev()
  })
  

То же самое для стрелки влево

 $('.arrow-right').on('click', function(e){
    e.preventDefault()
    var current = $('.tabs').find('a.active').index();
      if(current!= $('.tabs').find('a:last').index()){
         $('.tabs a').removeClass('active');
          $('.tabs a').eq(current 1).addClass('active');
      }
mySwiper.swipeNext()
})