サブメニュー「mouseover」がモバイルで無効にされています

Question

マイメニューはモバイルデバイスのハンバーガーメニューにサイズ変更され、該当する場合はドロップされるという意味ではモバイル対応です。

私の問題は、モバイルデバイスにも表示されるはずのサブメニュー要素も備えていますが、モバイルデバイス上にマウスオーバーがないため、「タップ」はメインビューで設定されたメニューURLメニューナビエリア。

私はCSSのサブメニューリファレンスにvisibility: visible;要素を追加しようとしましたが、iPadタブレットのドロップダウンをタップすると、たとえば、メインメニュー要素に設定されている同じURLタップされます。これを克服してこのサブメニューを表示するにはどうすればよいですか？

サンプルURL：http://www.goroyalshell.net/

Answer 1

あなたはタッチイベントをキャッチするために、このように、JavaScriptからイベントリスナーを追加しようとすることはできますか？

document.getElementById('#yourTabId').addEventListener('touchstart', function(ev) { 
    //here set your functionality for dropdown 
});