我在这里有此站点(使用引导程序4.1.2):
https://secure2.convio.net/cco/site/SPageServer/?pagename=RFL_NW_QC_Impact
由于某种原因,右上角的下拉按钮可在移动设备上使用,并且在大多数台式机上均可使用,但无论屏幕大小在786px至991px之间,无论大小如何,它都无法正常工作。
其他人创建了此页面,因此我试图帮助解决此问题,但我无法查明是什么原因造成的。似乎并不需要使用z-index
的情况,因为它仍然可以单击,只是不会扩展。
我检查了控制台并修复了出现的错误,但仍然不能解决问题。通常在移动设备上我会遇到此问题,因为有些东西与按钮重叠,但这一次似乎并不是问题所在。
任何帮助将不胜感激。
谢谢!
答案 0 :(得分:2)
打开/关闭菜单是通过分别放置在<script>
和<head>
行上的187
中的195
标记中包含的两个自定义功能完成的。
每个人的条件中都包裹着完整的代码主体:
if ($(document).width() <= 768) {
...
}
将两个条件都更改为if ($(document).width() <= 992)
。
您还有另一个可能更大的问题:
在391
行上,您有…</script>
,突然结束了当前脚本,这表明从浏览器源代码复制/粘贴了代码,而没有正确查看整个源代码(当查看大量代码,Chrome显示前n
行,并将其余的行隐藏在…
下,这是指向其余代码的链接)。我很惊讶您的控制台没有大量流血。
检索特定标签来源的正确方法是在dev-tools中右键单击它,然后选择“编辑为html”。在打开的编辑器窗口中,您可以 Ctrl + A , Ctrl + C 复制该内容的全部内容标签。