上下滑动以查看革命滑块答案

【问题标题】：Swipe up and down for Revolution Slider上下滑动以查看革命滑块
【发布时间】：2014-12-31 22:23:43
【问题描述】：

我正在为 WordPress 网站使用 Revolution Slider - 我需要能够垂直滑动滑块中的幻灯片。目前，只有水平滑动有效。我能够使用提供的 API 让滑块响应垂直鼠标滚动，但垂直滑动不起作用。

我正在使用它来滚动鼠标，它工作正常：

(function() {

    // change "revapi1" here to whatever API name your slider uses (see notes below)
    var slider = revapi2;

    slider.parent().on('mousewheel DOMMouseScroll', function(event) {

        if(event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {

            slider.revprev();

        }
        else {

            slider.revnext();

        }

    });

RE Vertica 刷卡我在这里找到了一些代码：How to swipe top down JQuery mobile

但我不确定从那里去哪里，或者它是否是我正在寻找的东西。
到目前为止我有：

向下滑动查看下一张幻灯片：

(function() {
    var slider = revapi2;

slider.parent().on('swipedown', function(event) {
slider.revnext();
});

})()

向上滑动查看上一张幻灯片：

(function() {
    var slider = revapi2;

slider.parent().on('swipeup', function(event) {
slider.revprev();
});

})()

没有任何工作 - 我对这些东西很陌生，所以如果你也能指出我哪里出错了，那将不胜感激。

谢谢

【问题讨论】：

标签： jquery jquery-mobile revolution-slider

【解决方案1】：

我想通了。

其实很简单。我刚刚编辑了这里找到的插件 Js 文件：

revslider\rs-plugin\js

jquery.themepunch.revolution.min

和

jquery.themepunch.revolution

我找到了“滑动功能”并将“左”替换为“上”，将“右”替换为“下”

////////////////////////////
        // SET THE SWIPE FUNCTION //
        ////////////////////////////
        var swipeAction = function(container,opt) {
            // TOUCH ENABLED SCROLL
                var aps = "vertical";

                if (opt.touchenabled=="on") {
                            if (opt.drag_block_vertical == true) 
                                aps = "none";

                            container.swipe({

                                fingers:opt.swipe_min_touches,                              
                                treshold:opt.swipe_treshold,                                
                                swipe:function(event,direction,distance,duration,fingerCount,fingerData) {
                                    switch (direction) {
                                        case "up":
                                             if (opt.transition==0) {
                                                                opt.next = opt.next+1;
                                                                if (opt.next == opt.slideamount) opt.next=0;
                                                                callingNewSlide(opt,container);
                                                        }
                                        break;
                                        case "down":
                                            if (opt.transition==0) {
                                                                opt.next = opt.next-1;
                                                                opt.downarrowpressed=1;
                                                                if (opt.next < 0) opt.next=opt.slideamount-1;
                                                                callingNewSlide(opt,container);

像梦一样工作！

【讨论】：

【解决方案2】：

完美的解决方案！我建议您也通过http://themepunch.com/support-center 与我们联系并寻求“开箱即用”的解决方案，这样您就可以使您的版本始终与最新版本保持同步，并且无需在其中添加此更改即可使用该选项每次更新时直接脚本。

【讨论】：