0

我有个问题。我使用这个 jQuery 脚本 (http://musca.se/full-window-width-jquery-tools-content-slider-demo/) 来滑动我的投资组合，但我根本不是 jQuery 的专家很多搜索我现在问你。当我按下 prev 或 next 时，如何让滑块停止滑动？

代码如下所示：

$(function() {
        // Sets the slides width on page load
        var i = $(window).width();
        if (i > 319){ $('#items > div').css({ width: i }); }
        // Scrollable and navigator plugin settings.
        $("#slider").scrollable({ circular: true, touch: true, easing: 'easeInQuart', speed: 900}).navigator({ navi: '#navigation' }).autoscroll({ autoplay: true, autopause:false, interval: 2000 });

        // Window resize code
        window.api = $("#slider").data("scrollable");
        $(window).resize(function() {
            var a = window.api.getIndex();
            var w = $(window).width();
            if (w > 319) {
                var l = a * w
                $('#items').css({ left: + - +l });
                $('#items > div').css({ width: w });
            } else {
                $('#items > div').css({ width: 300 });
            }
        });
    });

我的导航按钮如下所示：

<div id="navigation-wrapper">
    <span class="prev lefty"><img src="img/left.png" /></span>
    <span class="next righty"><img src="img/right.png" /></span>
</div>

我真的很感谢你的帮助！

4

1 回答 1

0

如果在调用它之前将超时声明为变量：

var st;

$('.prev').on('click',function(){
    st = setTimeout("$('#slider')", 999999);
});

你可以像这样清除它：

clearTimeout(st);

编辑：

看到前面的代码是基于一个过时的例子，你可以试试这个：

$('#navigation-wrapper').on('click', 'span', function(){
    $('#slider').autoscroll({ autoplay: false, autopause:false, interval: 0 });
}

这应该有望使用自动播放值 false 重新初始化滑块，这意味着它将自行停止旋转。但是，我对这个插件并不熟悉，所以这充其量只是猜测。希望对你有效。

于 2012-10-11T11:07:59.403 回答