为什么引导下拉菜单在所有屏幕尺寸(除了一个屏幕尺寸)上都能工作?

时间:2019-06-26 20:46:57

标签: html css bootstrap-4

我在这里有此站点(使用引导程序4.1.2):

https://secure2.convio.net/cco/site/SPageServer/?pagename=RFL_NW_QC_Impact

由于某种原因,右上角的下拉按钮可在移动设备上使用,并且在大多数台式机上均可使用,但无论屏幕大小在786px至991px之间,无论大小如何,它都无法正常工作。

其他人创建了此页面,因此我试图帮助解决此问题,但我无法查明是什么原因造成的。似乎并不需要使用z-index的情况,因为它仍然可以单击,只是不会扩展。

我检查了控制台并修复了出现的错误,但仍然不能解决问题。通常在移动设备上我会遇到此问题,因为有些东西与按钮重叠,但这一次似乎并不是问题所在。

任何帮助将不胜感激。

谢谢!

1 个答案:

答案 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 复制该内容的全部内容标签。