ノックアウト、ブートストラップ、jQuery を使用して Phonegap アプリで動作するスライド プラグインを何週間も探しました。残念ながら、私のニーズに合ったものはありませんでした。そこで、カスタムスライダーを作成しました。動作しているように見えます (現在、Android 2.3.4 でテストしています - サポート予定の最も低いバージョンから始めています) が、常に応答するとは限りません。touchstart イベントはかなり敏感なようです。ユーザーエクスペリエンスをより一貫してタッチスタートイベントに反応させる方法について、誰かアイデアはありますか? 私はこれについて数日間調査しましたが、他の人も同様の問題を抱えているようですが、私のものとまったく同じものはありません. そして、どの問題にも決定的な答えがあるようには見えません。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 が他の要素よりも高く設定されていることも確認しました。position 属性も relative に設定されます。
提供されたアドバイスは大歓迎です。これがもう少しうまく機能すればいいのにと思います...わかりました、はるかに良くなりました。:-)