jQueryMobile と Swipe.js を使用すると、次のコードがほぼ完全に機能します。
<script type="text/javascript">
jQuery('#item-1').one('pageshow', function(){
window.slider =
Swipe(document.getElementById('slider-1'),{
callback: function(pos) {
var i = bullets0.length;
while (i--) {
bullets0[i].className = ' ';
}
bullets0[pos].className = 'on';
}
});
var bullets0 = document.getElementById('position-slider-1').getElementsByTagName('li');
});
jQuery('#item-2').one('pageshow', function(){
window.slider =
Swipe(document.getElementById('slider-2'),{
callback: function(pos) {
var i = bullets1.length;
while (i--) {
bullets1[i].className = ' ';
}
bullets1[pos].className = 'on';
}
});
var bullets1 = document.getElementById('position-slider-2').getElementsByTagName('li');
});
問題は、スライダーが 1 秒間点滅することです (おそらく作成/読み込み中)。運が悪いので、他のイベントを使用して呼び出してみました。
複数のスライドがあり、それらは PHP で動的に生成されることに言及する必要があります...そのため、このようにコーディングすることになりました (スライダーごとにスライドがいくつあるのか、スライダーがいくつあるのかわかりません)。
どんな助けでも大歓迎です。