革命滑块不能在移动设备上滑动 - 移动触摸滑动不起作用

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

根据开发人员文档的定义，您可以在“导航”面板下的滑块设置中手动启用和禁用垂直拖动。