iPad上的Wordpress CSS下拉菜單

因此，在開發iPad時，我並不知道任何事情。我有一個Wordpress網站，我正在使用WPTouch向移動設備展示。 iPad的桌面版本顯示，它看起來不錯。麻煩的是下拉式菜單功能太糟糕了。菜單是100％CSS。如果將它懸停，菜單有時會出現，但會消失。如果它沒有消失，點擊任何鏈接都無效（只需關閉下拉菜單）。iPad上的Wordpress CSS下拉菜單

有沒有一個簡單的解決方案，而不創建一個iPad的主題？我的頂級分類鏈接也指向頁面，但如果有必要，我可以禁用它們來代替功能。

該網站是：http://pureamericannaturals.com

來源

2012-08-31 Jared Eitnier

一般來說，懸停動作不上*觸摸工作也很好*屏幕.... –

好吧，我做了這個儘可能簡單和方法如下：

我創建一個自定義的WordPress菜單。任何具有子類別項目的頂級菜單鏈接都被一個帶有#作爲href的自定義鏈接取代。如果頂部菜單鏈接沒有子類別項目，它可以保持默認鏈接。

在我header.php我做了一個快速測試，看用戶代理是iPad或不

if (!strstr($_SERVER['HTTP_USER_AGENT'], 'iPad')) { 
    wp_nav_menu(array('theme_location' => 'primary')); 
     } else { 
    wp_nav_menu(array('menu' => 'iPad Menu', 'menu_class' => 'menu_ipad')); 
}

與自定義touchstart事件

$('.menu_ipad ul a').bind('touchstart', function(e) { 
    e.preventDefault(); 
    var newLoc = $(this).attr('href'); 
    window.location.href = newLoc; 
});

來源

2012-08-31 20:30:23

這裏是把它放在一起我們使用的最簡單的解決方案 - 將下面的內容添加到您的span，li或anchor中，使得iPad在Mac上像safari一樣運行，然後單擊打開下拉菜單

onClick="return true"

看到它在行動這裏 - http://www.naturalsal.it/

來源

2013-02-07 11:32:22 user1810211

iPad上的Wordpress CSS下拉菜單

回答

相關問題