【问题标题】:Bootstrap 3 Navigation Javascripts DisabledBootstrap 3 导航 Javascript 已禁用
【发布时间】:2015-05-11 08:31:10
【问题描述】:

我开始使用 bootstrap 并获得了非常好的体验。

今天在测试它时,我了解到禁用 javascript 时导航菜单不起作用。即下拉菜单不起作用(我知道如果没有 javascript,它们就无法工作,但至少应该有一些替代方案),并且关闭了 javasript 的移动设备根本无法访问该菜单。

我没有找到任何有助于在线解决此问题的资源。那么,有什么方法(如果不修复下拉菜单)使菜单在移动设备上工作?

或者我必须停止使用引导程序吗?

【问题讨论】:

  • 使下拉菜单起作用的一种可能方法是使它们在悬停时弹出并在单击时链接到其他页面。
  • -Seram 那个链接呢?
  • 当 JavaScript 被禁用时,Bootstrap 的插件不会特别优雅地回退。如果您关心这种情况下的用户体验,请使用 您必须用一些 CSS 处理它。
  • github.com/twbs/bootstrap/issues/10506 浏览 cmets。有一些建议的解决方案。

标签: javascript twitter-bootstrap mobile drop-down-menu responsiveness


【解决方案1】:

大多数现代移动设备都应该能够支持 JavaScript。这是做响应式网页的推荐方式。

但是,您可以通过使用悬停来将 css 用于此类功能,该悬停将显示您已定义并在 css 中进一步隐藏的 div

如果您希望进行某种运动,还可以使用 css 动画。

http://www.w3schools.com/css/css3_animations.asp

【讨论】:

  • 好吧,如果这是推荐的方式,可能有些人(占总数的 0.0001%)在他们的移动设备中不支持 javascript,那么他们呢?请记住,它是响应式的,所以它也应该是可访问的。
  • 您仍然可以使用 bootstrap 来满足您的所有样式需求,但如果您想做“动画”,则必须采取更长的路线来使用自定义 css。
猜你喜欢
  • 2014-06-25
  • 2013-08-14
  • 2016-11-11
  • 1970-01-01
  • 1970-01-01
  • 2014-01-05
  • 2017-05-08
相关资源
最近更新 更多