我搜索了幾個星期的幻燈片插件,該插件可以在使用knockout,bootstrap和jQuery的Phonegap應用程序上工作。不幸的是,沒有什麼能滿足我的需求所以,我建立了一個自定義滑塊。它似乎在工作(我目前正在Android 2.3.4上進行測試 - 我將從我們計劃支持的最低版本開始),但它並不總是響應。 touchstart事件似乎相當敏感。有沒有人對我如何使用戶體驗對觸碰事件更加一致和反應性有任何想法?我已經研究了幾天,似乎其他人也有類似的問題,但沒有完全像我的。沒有一個問題似乎有一個明確的答案。 Phonegap是否存在觸摸事件問題?PhoneGap上觸摸事件的不一致行爲
這裏是我的淘汰賽功能:
performSlide: function() {
$('#sliderDiv').on({ 'touchstart' : function() {
$('div.slideArrow').animate({
left: "+=200"
}, 1000, function() {
shell.navigate('home', 'slide');
});
}
});
}
我使用一個div的事件綁定調用的函數。
<div class="linkHeader" id="sliderDiv" data-bind="event: { touchstart: performSlide }">
我也確保我的div的z-index設置得比其他元素高。位置屬性也設置爲相對。
提供的任何意見將不勝感激。如果這表現得更好一點,我會很喜歡...好的,好多了。 :-)