FancyBox：iPAD需要DoubleClick前進到下一張圖片

Question

我在http://rockcitybless.com上有一些畫廊，它們在IE，Chrome和Safari，Firefox等桌面版本中完美工作。

但在iPad第一次點擊（在圖像的左側或右側） 顯示一個箭頭，只有第二次點擊才能使圖像前進。我需要 第一次點擊前進到下一張圖片。

我看了一篇文章，談論Safari中的相同問題，修復程序爲 ，以確保<a>標籤已關閉。

我的<a>標籤已關閉（</a>）並有一個未封閉的<img>標籤 它內部。 標籤是通過ajax調用生成的（如果這有什麼區別的話）。

FancyBox是完美的！

Answer 1

對於移動設備，您可能需要嘗試禁用導航箭頭並改爲使用按鈕助手。 類似：

$(".fancyLink").fancybox({ 
arrows: false, 
closeBtn: false, 
helpers  : { 
    title : { type : 'inside' }, 
    buttons : {} 
} 
}); 

當然

你需要加載的fancybox-按鈕JS和CSS文件

Answer 2

最簡單的解決方案將是，以始終顯示導航箭頭，因爲它們是在第一抽頭以及在所述第二顯示將觸發改變畫廊項目。

Answer 3

當你使用Modernizr的只是補充一點：

.touch .fancybox-nav span { visibility:visible!important} 

Answer 4

觸摸事件引起的問題。這絕對是一個黑客位，但效果很好：

$(target).on('touchend', function(e) { 
    $(this).trigger('click'); 
}); 

Answer 5

似乎設置知名度，時隱時現是iOS中的一個問題。如果我們將其設置爲可見並調整不透明度，則應該保持相同的功能。

添加到您的CSS文件：

.fancybox-nav span { 
     visibility: visible !important; 
     opacity: 0; 
    } 

    .fancybox-nav:hover span { 
     opacity: 1; 
    }