今天遇到一个奇怪的问题。我的响应式菜单似乎不适用于所有移动设备。在三星 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/