モバイルデバイスで機能が正常に動作しない

Question

モバイルデバイスのshopify Webサイトで問題が発生しています。カテゴリをクリックすると、それが開き、子メニュー項目がドロップされます。しかし、それをクリックすると閉じられません。別のカテゴリメニューをクリックすると、それだけが閉じられます。

誰でも助けてくれますか？ ありがとうございます。

Answer 1

あなたが試しているコードを表示する方が良いです。

主な問題は、一般にメニューをタップするものをクリックしないため、 というモバイルデバイスにはOnClickイベントが登録されないということです。だから それと一緒にモバイルイベントを追加する方が良いでしょう。あなたは

$(document).ready(function() { 
    $('ul li').on('click touchstart', function() { 

    // Show Menu Item 

    }); 
}); 

次のコードで別の代替オプション

あなたはまた、タッチデバイスを検出し、物事を操作することができますが 使用touchstartイベントを与えることができるようように -

$(document).ready(function() {  
    /* Detect Mobile Device As Below */ 
    if(is_touch_device()) { 
     // Code Here to handle for Mobile 
    } 
});