CarouFredSel無法正常使用touchSwipe

我使用您的插件作爲我們的項目，但我遇到了問題。CarouFredSel無法正常使用touchSwipe

該網站有幾個輪播與圖片和項目產品，充當錨點。默認設置禁止滑動錨點。我已經從列表中排除了錨點。它幾乎可以買到我有Android Chrome瀏覽器的問題。滑動工作，但錨點不起作用。你不能去鏈接。

請幫我解決問題。

HTML

<div class="m-slider" style="background-color: #111010;"> 
    <ul> 
     <li><a href="#"><img src="img/slider/slide-1.jpg" alt=""></a></li> 
     <li><a href="#"><img src="img/slider/slide-1.jpg" alt=""></a></li> 
     <li><a href="#"><img src="img/slider/slide-1.jpg" alt=""></a></li> 
    </ul> 
    <a href="#" class="mn-prev"><span></span></a> 
    <a href="#" class="mn-next"><span></span></a> 
</div>

代碼初始化

var mainSlider = $('.m-slider ul'); 

mainSlider.carouFredSel({ 
    auto: false, 
    responsive: true, 
    width: "100%", 
    height: 'variable', 
    items: { 
     height: 'variable', 
     visible: 1 
    }, 
    prev: { 
     button: function() { 
      return $(this).parent().parent().find('.mn-prev'); 
     } 
    }, 
    next: { 
     button: function() { 
      return $(this).parent().parent().find('.mn-next'); 
     } 
    }, 
    swipe: { 
     onMouse: true, 
     onTouch: true 
    } 
});

來源

2014-02-19 Vladimir

嘿，歡迎來到Stack Overflow！如果您閱讀並遵循此處發佈的準則，您會發現獲得更好的結果：http://stackoverflow.com/help/how-to-ask – JKirchartz

這裏是我在this french post已經找到了解決方案，它出色地爲我工作。

翻譯成英文：

開放jquery.carouFredSel-6.2.1.js（或您有任何其他版本）和評論輕掃funcion。
在caroufredsel函數的調用下方添加上面鏈接中的代碼，以便直接調用jquery.touchSwipe.js中的Swipe函數，而不是從caroufredsel調用它。

就是這樣。祝你好運！

來源

2014-09-17 00:17:05 Akram

CarouFredSel無法正常使用touchSwipe

回答

相關問題