2

我有这段代码，其中使用jQuery Easing 插件在推荐之间切换。

这段代码可以在这里看到（去推荐部分）：http: //jsfiddle.net/ahmadka/3hkwz/

当您打开推荐部分时，您会在底部看到 2 个按钮，用于在推荐之间切换左（称为prev）和右（称为next）。

该代码有效，但它使用相同的scrollLeft缓动动画来左右移动。我想更新代码，以便在prev单击时使用的动画应该是scrollRight，而不是scrollLeft..

相同的 JavaScript 用于将prev和next的点击链接到相同的缓动动画代码：

$('.scrollable4 .items').cycle({
    fx: 'scrollRight',
    speed:700,
    timeout: 0,
    next: '.next',
    prev: '.prev',
    easing: 'easeInOutBack',
})

我该如何拆分它们？

此外，还有一个附加的 JavaScript 资源文件，其中包含一些相关代码：

消除这个： http: //www.jenierteas.com/templates/default/js/jquery.cycle.all.2.74.pack.js

然后转到第 118 行，您将看到以下代码段：

case "prev":
case "next":
    var u = i(q).data("cycle.opts");
    if (!u) {
        f('options not found, "prev/next" ignored');
        return false
    }
    i.fn.cycle[t](u);
    return false;

那么有人可以在这里帮助我吗？我很困惑..

4

1 回答 1

2

您可以将您的 fx 转换更改为scrollHorz自动处理正确的方向。

代码：

$('.scrollable4 .items').cycle({
    fx: 'scrollHorz',
    speed:700,
    timeout: 0,
    next: '.next',
    prev: '.prev',
    easing: 'easeInOutBack'
})

演示：http: //jsfiddle.net/IrvinDominin/TE9Bq/

于 2013-09-05T23:07:22.140 回答