このコードは問題なく動作しますが、iPadでは開くのが少し遅くなります。基本的に私はクラス.item
を持つdivのセットを持っており、それらの1つをクリックすると、というクラスを追加し.is-expanded
てボックスを開き、他のdivが開いている場合は閉じます。ボックスには画像があります。クリックすると、すばやく非表示にして、選択したボックスを開くことができます。これはコンピューターでは問題なく機能しますが、iPadでは全体的に少し遅い遅延です。とにかくそれを速くすることはありますか、それとも私はそれを遅くする何かをしていますか?
HTML:
<div class="item">
<img .. />
<div class="wrapVideo">..</div>
</div>
<div class="item">
<img .. />
<div class="wrapVideo">..</div>
</div>
<div class="item">
<img .. />
<div class="wrapVideo">..</div>
</div>
Jquery:
$(document).on( 'click', '.item:not(.is-expanded)', function() {
$(".item").removeClass('is-expanded');
$(".wrapVideo").css("display", "none");
$("img").css("display", "block");
$(this).addClass('is-expanded');
$("img", this).css("display", "none");
$(".wrapVideo", this).show();
);
これはコードの問題ではありませんが、ダブルタブなどを実行できるため、タッチイベントには300ミリ秒の遅延があります。Fastclick.jsを使用して、その遅延を排除します
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加