點擊功能在移動設備中無法正常工作

我們在移動設備的shopify網站中遇到問題。在點擊一個類別時，它會打開並且子菜單項下降。但它不會在點擊後關閉。只有當我們點擊另一個類別菜單時，它纔會關閉。點擊功能在移動設備中無法正常工作

任何人都可以在這裏幫忙。在此先感謝。

2017-01-16 user3760959

你有任何的例子嗎？也許我們可以在某個地方看到該網站的行動？ *快速建議：*點擊'後退'時，您可以嘗試用JavaScript手動關閉菜單。 – Ramon

這裏是網站：www.animalcollectibles.com。它的主頁上的側邊欄菜單（分類菜單）。懸停功能在桌面上工作得很好。但是在移動設備上，打開/關閉類別項目時，單擊功能會顯示不一致。謝謝。 – user3760959

它更好地顯示您正在嘗試的代碼。

主要問題是OnClick事件不會在移動設備上註冊，因爲您沒有點擊任何您通常點擊菜單上的內容。所以如果你添加移動事件會更好。就像你可以使用touchstart事件，如代碼下面給出

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

    // Show Menu Item 

    }); 
});

另一個替代選項

您也可以檢測觸摸的設備和操作的東西 -

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

來源

2017-01-16 08:48:12

這裏是網站：www.animalcollectibles.com。它的主頁上的側邊欄菜單（分類菜單）。懸停功能在桌面上工作得很好。但是在移動設備上，打開/關閉類別項目時，單擊功能會顯示不一致。可能是什麼原因以及如何解決？謝謝。 – user3760959

您是否像上面的代碼中一樣嘗試了'touchstart'事件 –

點擊功能在移動設備中無法正常工作

回答

相關問題