3

iOS でのマウス イベントにいくつかの問題があります。ユーザーはアイテムをタップし、タップアウトして表示されるドロップダウンを削除できます。クライアントの Web サイトで表現する必要があるアイテムが大量にあるため、ドロップダウンを使用することが重要です。Web サイトが iOS でもうまく機能することは、具体的な要求です。問題は、ユーザーがアイテムをタップすると正しく機能することですが、タップアウトしてまったく同じドロップダウンをタップしようとすると機能しません。ただし、あるアイテムを開いてから、もう一度開くのではなく、別のアイテムを開いてから最初のアイテムを開くと機能します。

スクリプトからわかるように、すべてのイベントのバインドを解除してから再バインドしようとしました。これにより、スクリプトが再び機能し始めることを期待しています。いくつかのバグはありますが、デスクトップでも問題なく動作します。これをiOSで動作させるための助けは非常に高く評価されています.jsFiddleとして添付しました. また、私のコードに関するコメントをお待ちしております - 常に改善を目指しています!

http://jsfiddle.net/andrewkhan1/pLp2X/54/

事前に乾杯

4

1 に答える 1

1

次のことを試みることができます。

1):hoverナビゲーション用の iOS CSS で使用しないでください

.hover2）CSSクラスを使用してオンクリックでドロップダウントグルを作成します

3) ナビゲーション外のクリックを処理します。このようなもの：

$(document).bind('touchstart', function(e) {
    var target = (e.originalEvent.changedTouches ? e.originalEvent.changedTouches[0] : e).target;
    if(!$(target).parents('#navigation').length) {
        // hide dropdowns
        $('#navigation').find('.hover').removeClass('hover');
    }
});
于 2012-10-07T10:23:53.610 に答える