モバイルサファリ5はまだアクシオンまでjsイベントに応答していません

Question

http://www.toyota.ca/toyota/en/vehicles/yaris-hatchback/galleryをチェックしてください。ios 5/mobile safari 5またはシミュレータを使用して、下部のスクロールの画像を押してライトボックスを表示します。次のボタンを押すと、何も起こっていないことに気付きました。ズームイン/ズームアウトしたり、向きを変えたり、ページをスクロールすると、画像が変わります。

jsは、次の/ prevが有効/無効になるので機能しますが、それ以上の操作が行われるまでアニメーション部分は実行されません。どうしてこれなの？これは普通ですか？あなたがios 4で同じページを試してもうまくいくでしょう。

Answer 1

click()ハンドラを使用しないでください。mousedown()ハンドラを使用してください。

モバイルデバイスは、click()とmousedown()の間で識別に苦労します。

必要な変更は、作成、使用上、すべてのそのようなナビゲーションボタンのために、

var o=p(f,c.prev).click(function(){b.prev()}),q=p(f,c.next).click(function(){b.next()});

へ

var o=p(f,c.prev).mousedown(function(){b.prev()}),q=p(f,c.next).mousedown(function(){b.next()});

いずれかのことを、変更したり、common.jsでライン472である。

$(selector).bind('mousedown',$(selector).data("events").click[0].handler) 
$(selector).unbind('click',$(selector).data("events").click[0]) 

ここで、selectorは特定の要素のjQueryセレクタです。

または、ハンドラを一度だけクリアするには、$(class).offを使用します。