2016-09-14 3 views
1

У меня есть карусель на этой веб-странице https://stfn.herokuapp.com и он работает почти идеально, только основной (активный) элемент, который находится в центре, ничего не делает после его щелчка (это должен перенаправить) Я попытался добавить ссылку как в файл js, так и в индекс, но не решил проблему, у кого есть советы?Jewery carousel click active item не перенаправляет

[править]

Забыла загрузить последнюю версию, прежде чем задать вопрос, просто сделал это. Поэтому я добавил тег img в index.html, и это тоже не работает. Вот фрагмент кода для перенаправления из файла JS

$('.carousel .item').click(function(e) { 
     var index = $(this).index('li'); 
     carousel.cycleActiveTo(index); 
     // song3(); 
     e.preventDefault(); 

     if (currentIndex != index){ 
      var difference; 

      if (currentIndex == 0 && index >= 5){ 
       difference = (index - currentIndex) - 13; 
      } else { 
       difference = index - currentIndex; 
      } 

      difference = Math.abs(difference); 
      delay = difference * options.duration; 
      currentIndex = index; 

      console.log(delay); 

      setTimeout(goToLink, delay); 
     } 
    }); 

    goToLink = function() { 
     if (currentIndex == 0) { 
      // console.log("works:"); 
      document.location.href = "about.html" 
     } 
     if (currentIndex == 1) { 
      document.location.href = "blog.html" 
     } 
     else if (currentIndex == 2) { 
      document.location.href = "collection.html" 
     } 
     else if (currentIndex == 3) { 
      document.location.href = "shop.html" 
     } 
     else if (currentIndex == 4) { 
      // alert("ABOUT2"); 
      document.location.href = "about.html" 
     } 
     else if (currentIndex == 5) { 
      document.location.href = "blog.html" 
     } 
     else if (currentIndex == 6) { 
      document.location.href = "collection.html" 
     } 
     else if (currentIndex == 7) { 
      document.location.href = "contact.html" 
     } 
     else if (currentIndex == 8) { 
      document.location.href = "shop.html" 
     } 
     else if (currentIndex == 9) { 
      document.location.href = "contact.html" 
     } 
     else if (currentIndex == 0) { 
      document.location.href = "about.html" 
     } 
    } 

}); 

Итак, как вы видите, каждый элемент имеет индекс, присвоенный ей, и она позволяет перейти на конкретную страницу. Активный элемент имеет номер индекса 0, однако он не работает, как и другие.

+0

показать код. И, конечно, ничего не делает. что 'img' не имеет никаких ссылок на него. –

+0

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

+0

Это 'goToLink' fn ужасно. : D поместите ссылки/страницы в массив и вызовите 'document.location.href = linkArray [currentIndex]' –

ответ

1

if (currentIndex != index){ < - эта проверка является ложной, так как оба равны нулю.

Так, если чек равно он ничего не делает

вам нужно еще и вызов метода Гото.

if (currentIndex != index){ 
    ... the code ... 
} else { 
    goToLink(); 
} 
+0

Спасибо, шеф-повар, не могу поверить, что это было так просто .. –