Android移动菜单行为

Android mobile menu behavior

本文关键字：菜单 移动 Android      更新时间：2023-09-26

当我们在Wordpress中打开阿育王主题的菜单导航时，我们似乎遇到了一个与Android设备有关的问题。

所述问题

安卓系统上的菜单似乎只有在一次未能提供所需行为后才能工作。之后，它按预期工作。当然，出于上帝的爱，我们不知道为什么它会失败。

它在桌面（IE/FF/Chrome/Opera/Safari）/iOS设备上都能正常工作，没有任何问题。

然而，它有两种情况：；

1-如果你点击网站标志，下面的箭头似乎做了一个关闭动作（它不应该，因为它还没有打开）

2-第二个问题（也只在Android上）是，如果我们点击徽标下面的箭头（在我们点击徽标之前，它失败了），那么它似乎会将我们重定向到一个随机页面。

我们在用什么

  • Wordpress（4.4.1）
  • Wordpress主题阿育王

供快速参考

我已经附上了两个custom.js

如果有人能测试并给出任何反馈来帮助我们进一步解决这个问题，那当然会更棒。

如果您需要任何其他信息，请随时通知我们！提前感谢您的所有想法和回复，非常感谢。

谨致问候，Patrick

自定义js：http://inhoudgemert.patrickdankers.nl/wp-content/themes/ashoka/js/custom.js

我们已经与当地的一些人讨论过这个问题，并意识到在这个主题中使用的custom.js实现存在一些问题。我们添加了额外的逻辑来正确调整菜单行为。

不幸的是，这已经成为一个相当大的变化，有些难以复制。但是去给一个大概的想法请看一下；https://jsfiddle.net/dsrqpz0h/11其中我们描述了一个场景，该场景也应该在Android上正确工作。

特别是，我们为点击/点击/鼠标输入添加了所需的解除绑定/绑定；

function bindOpen() {
    //unbind close functions
  $('#menu').unbind('click');
  //bind open functions
  $('#menu').tap(openFunction);
  $('#menu').mouseenter(openFunction);
}

再次感谢所有的观点和回复！

相关文章：