jquery - 如何使用 caroufredsel 让按钮和滑动一起工作？

Question

我正在使用 caroufredsel 转到下一页和上一页。现在我正在尝试对此进行滑动。但我有困难。我当前的代码如下。

function carouFredSel() {
    //  Scrolled by user interaction
    $('#pages').carouFredSel({
        prev:{ button: '#prev',
               onBefore: function() { $("#pages").children().children().hide(); },
               onAfter: function() { $("#pages").triggerHandler("currentVisible").children().show(); }
             },
        next:{ button: '#next',
               onAfter: function() { $("#pages").children().children().hide(); $("#pages").triggerHandler("currentVisible").children().show(); getRemainingPages(); }
             },
        height: '100%',
        width: '100%',
        align: 'left',
        auto: false,
        circular: false,
        infinite: true
    });
}

如何让滑动和下一个和上一个按钮一起工作？

Answer 1

有一个名为“swipe”的配置对象。

你可以这样使用它：

      $('#pages').carouFredSel({
        ...
        swipe: {
          onTouch: true
        }
      });

您还需要加载这个 jQuery 插件：http: //labs.skinkers.com/touchSwipe/