我目前正在使用 Slidesjs.com slider ,并且我希望做到这一点,以便当我单击 slider 外部的链接时,它会滑动到当前幻灯片,例如单击幻灯片一张链接 (#1),它会滑动到 slider 内的幻灯片一张 (#1)。这是我的编码,任何帮助将不胜感激。
$(function(){
// Set starting slide to 1
var startSlide = 1;
// Get slide number if it exists
if (window.location.hash) {
startSlide = window.location.hash.replace('#','');
}
// Initialize Slides
$('#passion_slider').slides({
autoHeight: true,
// Get the starting slide
start: startSlide,
animationComplete: function(current){
// Set the slide number as a hash
window.location.hash = '#' + current;
}
});
});
最佳答案
添加到就绪事件。使用目标变量作为目的地。
$(window).click(function(){
var target="#1";
$('a[href='+target+']').click()
})
特定任务的解决方案!!! 在链接中添加点击触发器以直接显示特定幻灯片:
//$('.passionnavigation li a').unbind(); //unbind all events on links
$('.passionnavigation li a').click(function(){
var targetH = $(this).attr('href');
$('#passion_slider a[href='+targetH+']').click();
})
关于jQuery Slider - 在 Slider 外部滑动链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6857734/