Jquery карусель, щелкнув активный элемент, не перенаправляет

Question

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

[редактировать]

Забыл загрузить последнюю сборку, прежде чем задавать вопрос, просто сделал это. Поэтому я добавил тег в 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, однако он не работает как другие

Answer 1

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

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

Вам нужно еще и вызвать метод goto.

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