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下拉菜单

回答

相关问题