iPad上的Wordpress CSS下拉菜单

Question

因此，对于iPad开发，我一无所知。 我有一个Wordpress网站，正在使用WPTouch呈现给移动设备。 桌面版本显示在iPad上，看起来还不错。 麻烦的是下拉菜单功能太可怕了。 菜单是100％CSS。 如果将其悬停，菜单有时会出现，但会消失。 如果它没有消失，则点击任何链接都无济于事（只需关闭下拉菜单）。

有没有创建iPad主题的简单解决方案？ 我的热门类别链接也指向页面，但如有必要，我可以禁用它们代替功能。

该站点是： http : //pureamericannaturals.com

Answer 1

好的，我使这个过程尽可能简单，方法如下：

1. 我创建了一个自定义的Wordpress菜单。 具有子类别项目的所有顶部菜单链接都将替换为带有#作为href的自定义链接。 如果顶部菜单链接没有子类别项目，则可以保留默认链接。

2. 在我的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' ) ); } 

3. 通过自定义touchstart事件将其全部touchstart一起

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

Answer 2

这是我们使用的最简单的解决方案-将以下行添加到您的跨度，锂或锚点中，使iPad的行为类似于Mac上的safari，然后单击打开下拉列表

onClick="return true"

在此处查看操作-http: //www.naturalsal.it/