Question

我正在使用jQuery Tools Scrollable来创建jQuery Tools链接示例中的内容（请参阅下面的链接）。我正在尝试修复页面指示符点的问题。在该示例中，当页面指示器位于第三个点上时单击向右箭头会导致延迟，而不会突出显示第一个点，直到幻灯片回来。当页面指示符位于第一个点上时单击左键会发生同样的问题。有人遇到过这个问题吗？

http://flowplayer.org/tools/demos/scrollable/plugins/index.html

Answer 1

我假设您正在谈论该页面上的“链接插件”演示。

您可以通过onBeforeSeek事件将“active”类应用于第一个点锚标记来解决此问题。所以，使用该演示，这样的事情应该这样做：

$("#chained").scrollable({circular: true, mousewheel: true}).navigator();

var scroller = $('#chained').data('scrollable'),
    count = scroller.getItems().length;

scroller.onBeforeSeek(function(event, index) {
  if ( index == count ) $('div.navi').find('a').removeClass('active').eq(0).addClass('active');
}

注意：未经测试。

Answer 2

所以我正在检查代码和方程式来计算页面位置是基于getConf（）。size来划分的。所需指数的大小为1。这是修复。打开jquery.tools.js，找到fn.navigator。现在寻找onBeforeSeek。添加下面的if语句。

b.onBeforeSeek(function(a, b) {
            setTimeout(function() {
                    var c = (b / j) , d = l().eq(c);

                    if ((b / j) == l().length){
                        c = 0;
                        d = l().eq(c);
                    }

                    d.length && l().removeClass(h).eq(c).addClass(h);
            }, 0)
        })

这是一个全局变化，如果不修改jquery.tools文件，可能有更好的方法来解决这个问题

jQuery工具可滚动点

2 个答案: