JQuery/Cycle2 - 转到 URL 然后调用特定幻灯片

Question

我正在尝试 link 从另一页转到特定幻灯片。

我使用的代码（在 document.ready 内）是：

$('#goto1').click(function() { 
    window.location.href = "page.html#projects";
    setTimeout(function () {
    $('.cycle-slideshow').cycle(3); 
    return false;
    }, 5000);   
});

它会转到有问题的 URL，但不会将循环幻灯片 div 更改为幻灯片 3 - 事实上，一旦重定向，什么也不会发生。

显然我遗漏了一些东西 - 有什么想法吗？

Answer 1

使用了 cycle2 内置功能。

即

var slideshow = $('.cycle-slideshow');
maxSlides = slideshow.data('cycle.opts');

slideshow.on({
'cycle-update-view': function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    UpdateTitles();
}
});

function UpdateTitles(){
var currentSlide = slideshow.data('cycle.opts').currSlide;
activeSlide = $(".cycle-slide-active");
activeTitle = activeSlide.data('title');

if(currentSlide == 0){
    nextTitle = activeSlide.next().data('title');
    prevTitle = '';
}
else if(currentSlide == maxSlides-1){
    prevTitle = activeSlide.prev().data('title');
    nextTitle = $(".cycle-slide").eq(0).data('title');
}
else {
    nextTitle = activeSlide.next().data('title');
    prevTitle = activeSlide.prev().data('title');
}

$('#prev').html(prevTitle);
$('#next').html(nextTitle);
}

UpdateTitles();

});