当前位置: 首页 > 面试题库 >

Bootstrap折叠的菜单链接在移动设备上不起作用

乜承嗣
2023-03-14
问题内容

我在导航栏中使用了带有子菜单项的可折叠菜单。菜单在狭窄的显示屏上正确折叠,并且子菜单项正确显示。

但是,当我在移动设备上单击子菜单项时,该链接不起作用。而是,子菜单折叠,并且折叠菜单上的顶部菜单项被突出显示,好像从未打开过子菜单,而“单击”将其移到了其下方的元素。

当我在台式机浏览器上测试页面时,一切正常。

我自定义了一些自举程序样式,但主要用于颜色等。

有任何想法吗?TIA。


问题答案:

看起来这是Bootstrap的已知问题,可能还有,这很令人失望,因为它它已经开放了很长时间,并且从未修复过,因此使用Bootsrtap的主要原因是其承诺了响应式设计。

在提出的修复程序
似乎可以正常工作,但它使用的是Bootstrap源代码,因此,如果您使用的是缩小版本,而不是使用源脚本,则外观会有所不同。

在最小化版本中,我通过将子字符串“ disable-”添加到touchstart测试中来修复了该问题,因此禁用了此功能。

为此,请在缩小的bootstrap.min.js文件中找到子字符串

"ontouchstart"

并替换为

"disable-ontouchstart"


 类似资料:
  • 我的导航折叠不会在第一次单击btn-navbar时显示,而是只在iPhone上显示。 虽然可以切换下拉菜单,但无法单击移动设备上的任何下拉菜单项。 我的页面在W3验证器上是有效的,并且我已经将.nav-collable和.collable类添加到我的navbar中。另外,在我的笔记本电脑上调整浏览器窗口的大小时,一切工作都很好。 您可以在这里看到现场网页:http://hartmandashboa

  • 因此,我想让我的网站的电话号码可以点击,所以我使用了以下语法: 当我从桌面的firefox浏览器中单击此电话号码时,它会询问我是否必须使用Skype打开它。 然而,当我从手机上点击它时(尝试了Android银河S3和苹果手机5),什么都没发生。我怎么能拍这个? 我正在使用http://www.themenesia.com/themeforest/truehost/主题,如果有帮助的话。

  • 问题内容: 我在Bootstrap 3中有或多或少的标准导航 它通常会在较小的设备上崩溃。单击菜单按钮可展开菜单,但是如果我单击(或触摸)菜单链接,菜单将保持打开状态。要关闭它又该怎么办? 问题答案: Bootstrap的默认设置是在单击菜单项时保持菜单打开。您可以通过调用要折叠的jQuery元素来手动覆盖此行为。

  • 问题内容: 我正在使用Angular和Twitter Bootstrap导航栏,并尝试使折叠功能正常工作。 部分:program.html 部分:navbar.html 导航栏显示完美。下拉菜单效果很好。Angular函数加载数据并将特定项标记为活动状态,并完美填充模型。唯一不起作用的是响应折叠功能。当我调整屏幕大小时,菜单项消失,并且出现菜单图标,但是单击它不起作用。我对此固执己见,我知道它必须

  • 问题内容: 我无法正常使用下拉菜单。我可以使导航栏完美显示,但是当我单击“ Dropdown”(二者之一)时,它不会显示下拉菜单。我曾尝试查看有关此问题的其他文章,但没有什么能解决每个人的问题。我直接从bootstrap网站复制了源代码,但似乎无法在我的机器上使用它。谁有想法?我盯着它看了一个小时,似乎无法弄清楚问题出在哪里。 问题答案: 也许尝试 看看是否行得通。

  • 问题内容: 我在导航栏中做了一些修改,但是现在切换按钮在单击时没有响应。下面是我的代码。我哪里错了?? 码: 问题答案: 您需要更改此标记 改变 至 原因:的值是关联的nav div的任何类名。在这种情况下