首页 / JAVASCRIPT / javascript – Twitter Bootstrap下拉菜单不显示

javascript – Twitter Bootstrap下拉菜单不显示

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Twitter Bootstrap下拉菜单不显示，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1897字，纯文字阅读大概需要3分钟。

内容图文

与大多数无法使Twitter Bootstrap Dropdown menu工作的人不同,我甚至无法让它出现在我的任何浏览器中(例如Chrome 26).仅当我从class属性中删除“dropdown-menu”属性时才会出现.下拉列表中的所有代码都直接从文档页面中剪切并粘贴.我已经使用了所有的“Scaffolding”和“Base CSS”示例中的所有周围代码,它们工作得很好.如果我查看源代码,我可以看到代码在那里.除非我删除“下拉菜单”属性,否则它不会显示在我的浏览器中.我一周前下载了Bootstrap,所以我使用的是最新版本.顺便说一下,我完全清除了所有浏览器设置并重新启动.谁能看到我做错了什么？

谢谢！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Components | Dropdowns</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>

    <div class="dropdown">
      <!-- Link or button to toggle dropdown -->
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <li><a tabindex="-1" href="#">Action</a></li>
        <li><a tabindex="-1" href="#">Another action</a></li>
        <li><a tabindex="-1" href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Separated link</a></li>
      </ul>
    </div>

    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>

解决方法:

您需要在下拉列表中添加触发器： –

Demo

 <div class="dropdown">

    <a class="dropdown-toggle" id="drop4" role="button" 
     data-toggle="dropdown" href="#">Dropdown 
      <b class="caret"></b></a> <!--Here-->

  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

当你删除类下拉菜单时,它会出现,因为它只是出现了一些样式的ul.

或者只是添加这个$(‘.dropdown-menu’).toggle();没有触发器.

内容总结

以上是互联网集市为您收集整理的javascript – Twitter Bootstrap下拉菜单不显示全部内容，希望文章能够帮你解决javascript – Twitter Bootstrap下拉菜单不显示所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/743264.html

来源：【匿名】