1

所以当谈到为 iPad 开发时，我真的什么都不知道。我有一个 Wordpress 网站，我正在使用 WPTouch 向移动设备展示。桌面版本正在为 iPad 展示，看起来相当不错。问题是下拉菜单功能很糟糕。菜单是 100% CSS。如果将其悬停，菜单有时会出现但会消失。如果它没有消失，点击任何链接都证明是徒劳的（只是关闭下拉菜单）。

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

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

4

2 回答 2

0

这是我们使用的最简单的解决方案 - 将以下行添加到您的 span、li 或 anchor 中，使 iPad 在 Mac 上表现得像 safari，然后单击打开下拉菜单

onClick="return true"

在这里查看它的实际效果 - http://www.naturalsal.it/

于 2013-02-07T11:32:22.117 回答
0

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

  1. 我创建了一个自定义 Wordpress 菜单。任何具有子类别项目的顶部菜单链接都被替换为以 a#作为 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通过自定义事件将所有内容整合在一起

    $('.menu_ipad ul a').bind('touchstart', function(e) {
    e.preventDefault();
    var newLoc = $(this).attr('href');
    window.location.href = newLoc;
});
于 2012-08-31T20:30:23.153 回答