jQuery Slider - 在 Slider 外部滑动链接

发布于 2024-11-26 21:50:26 字数 792 浏览 0 评论 0原文

我目前正在使用 Slidesjs.com 滑块，我希望这样当我单击滑块外部的链接时，它会滑动到当前幻灯片，例如单击幻灯片一张链接 (#1)，它会滑动到幻灯片一张 (# 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;
                }
            });

        });

原文

I'm currently using the slidesjs.com slider and I'm wanting to make it so when I click a link outside the slider it slides to the current slide e.g. click slide one link (#1) and it slides to slide one (#1) within the slider. Here is my coding any help would be much appreciated.

$(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;
                }
            });

        });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

奈何桥上唱咆哮 2024-12-03 21:50:26

添加到就绪事件。使用 target var 作为目标。

$(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();
})

Add to ready event. Use target var for destination.

$(window).click(function(){
  var target="#1";  
  $('a[href='+target+']').click()
})

Solution for specific task!!!
Adding click trigger to links for direct showing specific slide:

//$('.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();
})

回复收藏 0 原文

~没有更多了~