Question

所以在开发iPad时我真的不知道。我有一个Wordpress网站，我正在使用WPTouch呈现给移动设备。桌面版本正在为iPad展示，看起来非常不错。问题是下拉菜单功能太可怕了。菜单是100％CSS。如果你将它悬停，菜单有时会出现，但会消失。如果它没有消失，点击任何链接证明没有结果（只需关闭下拉菜单）。

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

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

Answer 1

好的，我尽可能简单，这是如何：

我创建了一个自定义的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;
});

Answer 2

这是我们使用的最简单的解决方案 - 在你的span，li或者锚中添加以下行使得iPad在mac上表现得像safari，然后点击打开下拉列表

onClick="return true"

在此处查看此行动 - http://www.naturalsal.it/

iPad上的Wordpress CSS下拉菜单

2 个答案: