Bootstrap导航栏下拉菜单不起作用

克里斯蒂亚诺

因此,我试图使Twitter Bootstrap中导航栏中的下拉菜单正常工作,并且遇到一些问题。

这是我的html:

<ul class="nav">
  <li class="active"><%= link_to 'Home', root_path %></li>
  <li><a href="#">Forums</a></li>
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">World</a>
    <ul class="dropdown-menu">
      <li><%= link_to 'Current', current_path %></li>
      <li><%= link_to 'All', all_path %></li>
    </ul>
  </li>
</ul>

我也在<head>

<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 

它只是无法正常工作,有人能看到任何问题吗?

里昂

您指的是错误的JS文件。

<script>使用以下代码代替您使用标签:

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

你可以在这里阅读

<ul>类定义中,添加nav您要使用的相关内容:

<ul class="nav nav-tabs">

----------------------------- ^^

要么 <ul class="nav nav-pills">

您还可以根据您的评论直接链接到bootstrap-dropdown.js,但是您仍然需要包含bootstrap css和js(我还更新了小提琴): https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap-dropdown.js

小提琴

另外-我看到您使用的是RoR,因此请确保它不是丢失的JS文件顶部的RoR问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

导航栏中的Bootstrap下拉菜单不起作用

来自分类Dev

导航栏上的Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap导航栏-下拉菜单不起作用

来自分类Dev

为什么下拉菜单在bootstrap5导航栏中不起作用?

来自分类Dev

如果导航栏的高度固定,为什么bootstrap下拉菜单不起作用?

来自分类Dev

Bootstrap 小窗口导航栏下拉菜单不起作用

来自分类Dev

导航栏下拉菜单在 bootstrap4.0 中不起作用

来自分类Dev

导航中的Bootstrap下拉菜单不起作用

来自分类常见问题

Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap 导航栏下拉菜单在浏览器中不起作用,Codepen 没问题

来自分类Dev

导航栏下拉菜单始终低于其他下拉菜单,增加 z-index 等不起作用

来自分类Dev

Boostrap 导航菜单下拉菜单不起作用

来自分类Dev

应用引导程序后,导航栏的下拉菜单在流星中不起作用

来自分类Dev

导航栏切换按钮和下拉菜单不起作用

来自分类Dev

如何在320 x 480的Bootstrap导航栏中使右对齐的下拉菜单起作用?

来自分类Dev

jQuery的单击导航与多个下拉菜单不起作用

来自分类Dev

带下拉菜单的搜索栏不起作用

来自分类Dev

国家栏的 Laravel 下拉菜单不起作用

来自分类Dev

Twitter-bootstrap导航栏下拉菜单行为异常(在移动设备上不起作用,在桌面上不显示)

来自分类Dev

Twitter Bootstrap下拉菜单不起作用

来自分类Dev

Bootstrap 3下拉菜单不起作用

来自分类Dev

Bootstrap下拉菜单和Hamburger崩溃不起作用

来自分类Dev

Twitter Bootstrap:下拉菜单类不起作用

来自分类Dev

Bootstrap 多级下拉菜单不起作用

来自分类Dev

Bootstrap 下拉菜单仍然不起作用

来自分类Dev

Bootstrap 导航栏汉堡菜单不起作用

Related 相关文章

  1. 1

    导航栏中的Bootstrap下拉菜单不起作用

  2. 2

    导航栏上的Bootstrap下拉菜单不起作用

  3. 3

    Bootstrap导航栏-下拉菜单不起作用

  4. 4

    为什么下拉菜单在bootstrap5导航栏中不起作用?

  5. 5

    如果导航栏的高度固定,为什么bootstrap下拉菜单不起作用?

  6. 6

    Bootstrap 小窗口导航栏下拉菜单不起作用

  7. 7

    导航栏下拉菜单在 bootstrap4.0 中不起作用

  8. 8

    导航中的Bootstrap下拉菜单不起作用

  9. 9

    Bootstrap下拉菜单不起作用

  10. 10

    Bootstrap下拉菜单不起作用

  11. 11

    Bootstrap下拉菜单不起作用

  12. 12

    Bootstrap下拉菜单不起作用

  13. 13

    Bootstrap 导航栏下拉菜单在浏览器中不起作用,Codepen 没问题

  14. 14

    导航栏下拉菜单始终低于其他下拉菜单,增加 z-index 等不起作用

  15. 15

    Boostrap 导航菜单下拉菜单不起作用

  16. 16

    应用引导程序后,导航栏的下拉菜单在流星中不起作用

  17. 17

    导航栏切换按钮和下拉菜单不起作用

  18. 18

    如何在320 x 480的Bootstrap导航栏中使右对齐的下拉菜单起作用?

  19. 19

    jQuery的单击导航与多个下拉菜单不起作用

  20. 20

    带下拉菜单的搜索栏不起作用

  21. 21

    国家栏的 Laravel 下拉菜单不起作用

  22. 22

    Twitter-bootstrap导航栏下拉菜单行为异常(在移动设备上不起作用,在桌面上不显示)

  23. 23

    Twitter Bootstrap下拉菜单不起作用

  24. 24

    Bootstrap 3下拉菜单不起作用

  25. 25

    Bootstrap下拉菜单和Hamburger崩溃不起作用

  26. 26

    Twitter Bootstrap:下拉菜单类不起作用

  27. 27

    Bootstrap 多级下拉菜单不起作用

  28. 28

    Bootstrap 下拉菜单仍然不起作用

  29. 29

    Bootstrap 导航栏汉堡菜单不起作用

热门标签

归档