javascript - 响应式选择菜单 - 仅支持 onChange 的 Javascript

标签 javascript mobile menu

今天遇到一个奇怪的问题。我的响应式菜单似乎不适用于所有移动设备。在三星 S5 上,当我单击任何选项时,页面都会加载,但菜单不会消失/关闭。当我选择其他内容时,它不会再次重定向。

我正在尝试使用一个简单的 onchange 脚本。任何帮助表示赞赏。

<select id="mobile-menu" onChange="if (this.value) window.location.href = this.value;">
<option selected disabled>Navigation Menu</option>
<option value="link1.shtml">Home</option>
<option value="link2.shtml">Services</option>
<option value="link3.shtml">Testimonials</option>
<option value="link4.shtml">Faq</option>
</select>

最佳答案

如果内部的 JavaScript 返回“假”值,onChange 属性可以取消进一步的正常输入操作(例如关闭选择)。尝试在 onChange 末尾添加 return true;

<select id="mobile-menu" onChange="if (this.value) window.location.href = this.value; return true;">
  <option selected disabled>Navigation Menu</option>
  <option value="link1.shtml">Home</option>
  <option value="link2.shtml">Services</option>
  <option value="link3.shtml">Testimonials</option>
  <option value="link4.shtml">Faq</option>
</select>

关于javascript - 响应式选择菜单 - 仅支持 onChange 的 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29954425/

相关文章:

javascript - 容器绑定(bind)脚本出​​现错误 "Expected OAuth 2 access token"

javascript - 在同一页面的 div 中加载 PHP 回显链接的内容

javascript - AutoForm-访问模板内对象属性数组的值

android - 如何使用真实设备测量移动浏览器渲染时间

css - 停止 body 在覆盖层下滚动

c++ - 如何在 c++ win32 API 中向菜单项添加图标

javascript - TypeScript - 对象不支持属性或方法 'defineProperty'

css - 停止在移动设备上自动播放背景视频

android - Android 上的 Instagram 强制触摸菜单

Java、swing、JFrame 和 JPanel