jQuery Slider - 在 Slider 外部滑动链接

标签 jquery slider

我目前正在使用 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/

相关文章:

javascript - 使用 jquery 更改文本,无法正确转换

jquery - 使用 jquery 创建一个带有一些用户名和密码的登录页面

Jquery设置 slider 值

javascript - jQuery slider 范围

javascript - 填充 HTML 元素时的断点

jquery - 宽度为 1024px 的屏幕和宽度为 1024px 的平板电脑存在冲突

向下滑动的 Jquery Image Slider

javascript - 一页jssor上有多个 slider

javascript - jquery监听动态创建元素上的点击事件

swift - NSSlider:如何同时发送值和 Action ?