革命滑塊不滑動移動 - 移動觸摸滑動不起作用

Question

我使用革命滑塊5，它在桌面上完美工作，但在移動設備上，它不會通過移動觸摸滑動幻燈片。幻燈片會自動旋轉，但手動滑動時不會滑動。你有沒有想到是什麼原因造成的？

謝謝！

Answer 1

這不起作用，因爲您的幻燈片很可能是超鏈接的。

爲了解決這個問題，複製粘貼此代碼定製的

(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

的滑塊設置JavaScript部分

根據developer's documentation的定義，您可以在導航面板下的滑塊設置中手動啓用和禁用垂直拖動。