革命滑块无法在移动设备上滑动 - 移动触控功能无法正常工作

Question

我正在使用革命滑块5，它在桌面上完美运行，但在移动设备上它不会通过移动触摸滑动幻灯片。幻灯片自动转动，但手动滑动时不会滑动。你知道是什么导致了这个吗？

谢谢！

Answer 1

它不起作用，因为很可能你的幻灯片本身是超链接的。

要解决此问题，请将此代码粘贴到滑块

设置的自定义javascript部分中

(function() {

if(!('ontouchend' in document)) return;
var pageX, pageY, newX, newY, linked;

jQuery('.rev_slider').on('touchstart', function(event) {

    newX = newY = false;

    var target = jQuery(event.target),
    clas = target.attr('class');
    event = event.originalEvent;

    if(event.touches) event = event.touches[0];
    pageX = event.pageX;
    pageY = event.pageY;

    if(target.is('a') || target.closest('a').length) linked = target;

}).on('touchmove', function(event) {

    event = event.originalEvent;
    if(event.touches) event = event.touches[0];

    newX = event.pageX;
    newY = event.pageY;
    if(Math.abs(pageX - newX) > 10) event.preventDefault();

}).on('touchend', function(event) {

    if(newX !== false && Math.abs(pageX - newX) > 30) {

        eval('revapi' + jQuery(this).closest('.rev_slider_wrapper').attr('id').split('rev_slider_')[1].split('_')[0])[pageX > newX ? 'revnext' : 'revprev']();

    }
    else if((linked && newY === false) || (linked && Math.abs(pageY - newY) < 10)) {

        linked = linked.is('a') ? linked : linked.closest('a');
        if(linked.length) {

            if(linked.attr('target') === '_blank') {    
                window.open(linked.attr('href'));
            }
            else {
                window.location = linked.attr('href');
            }

        }

    }

    linked = newX = false;

});})();

这个问题也在Themepunch（插件的作者）http://www.themepunch.com/faq/mobile-touch-swipe-slide-links-5-0/

上有详细记载

Answer 2

根据developer's documentation的定义，您可以在“导航”面板下的滑块设置中手动启用和禁用垂直拖动。