jquery.flexslider：觸摸不適用於iOS的縮略圖滑塊

我爲我的幻燈片使用了flex-slider的縮略圖controlnav。它在PC和Mac上運行得很好，但在我的iPhone上觸摸縮略圖並不會改變主滑塊的圖像。我還沒有改變jquery.flexslider.js文件。雖然官方網站的controlnav演示似乎在我的手機上運行良好。我沒有自己的Mac，因此無法直接使用手機進行調試：/。有其他人遇到過這個問題嗎？讓我知道如果你需要我發佈HTML或任何其他代碼。jquery.flexslider：觸摸不適用於iOS的縮略圖滑塊

下面是它應該做的事情： http://flexslider.woothemes.com/thumbnail-slider.html

這裏就是我有我的滑塊聲明：

$('#carousel').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: false, 
    slideshow: false, 
    itemWidth: 210, 
    itemMargin: 5, 
    asNavFor: '#slider' 
    }); 


    // The slider being synced must be initialized first 
$('#carousel').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    animationLoop: false, 
    slideshow: false, 
    itemWidth: 150, 
    itemMargin: 0, 
    asNavFor: '#slider' 
});

如果我和演示代碼觸摸作品取代它，但它也帶來了一堆額外的空盒子

$(window).load(function() { 
$('.flexslider').flexslider({ 
animation: "slide", 
controlNav: "thumbnails" 
}); 
});

謝謝！

將

來源

2014-02-24 Will Tuttle

你是否在對象上調用flexslider兩次？ – Alex

你可以在http://jsfiddle.net/上發佈你的代碼嗎？ –

如果您擁有Creative Cloud訂閱，則可以使用[Adobe Edge Inspect]（http://html.adobe.com/edge/inspect/）使用Chrome的開發人員工具調試iPhone上的網頁。 –

我認爲你需要翻轉的物品 - 你在#slider上#carousel調用flexslider兩次，但從來沒有。一個正在同步，另一個是導航。

$('#carousel').flexslider({ 
    asNavFor: '#slider' 
    }); 

    // The slider being synced must be initialized first 
$('#slider').flexslider({ 
    sync: '#carousel' 
});

來源

2014-03-06 19:23:55 Aaron

jquery.flexslider：觸摸不適用於iOS的縮略圖滑塊

回答

相關問題