bootstrap 中dropdown下拉项的使用问题

发布于 2021-11-17 15:32:32 字数 321 浏览 657 评论 7

@wwwmmm 你好,想跟你请教个问题:


你好!  我也在学习使用  bootstrap   也遇到了你之前的问题。我使用dropdown下拉项时,也都是从官方下载的代码,和你也写得一样。这是什么问题  你是如何解决的???  是因为 jquery.js 有问题   还是bootstrap-dropdown.js有问题?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

猫烠⑼条掵仅有一顆心 2021-11-19 04:14:09

下面的 jquery 下面的那段代码 不需要 就可以

一个人的旅程 2021-11-19 04:14:02

<head runat="server">

    <title>BootStrap</title>

    <link rel="Stylesheet" href="CSS/bootstrap.css"/>

    <link rel="Stylesheet" href="CSS/bootstrap-responsive.css"/>

    

</head>

<body>

   

    <form id="form1" runat="server" >

    

    <script  type="text/javascript" src="js/bootstrap-dropdown.js"></script>

    <script  type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript">

    $('.dropdown-toggle').dropdown();

    </script>

    

    <div>

    <ul class="nav nav-pills">

  <li><a href="#">规则的链接</a></li>

  <li class="dropdown" id="menutest1">

    <a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1">

      下拉项

      <b class="caret"></b>

    </a>

    <ul class="dropdown-menu">

      <li><a href="#">动作</a></li>

      <li><a href="#">另一个动作</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">被间隔的链接</a></li>

    </ul>

  </li>

  <li class='active'>

    <a data-toggle="dropdown" href="#menutest1">点击我看看</a>

  </li>

</ul>

    </div>

    </form>

</body>

</html>

做个少女永远怀春 2021-11-19 03:44:42

按钮的外观都是有的 就是下拉框 出不来 Jquery 我是从官网下的最新的

累赘 2021-11-19 03:39:39

是不是没有把jquery写在前面啊,dropdown的js写在后面

累赘 2021-11-19 03:14:29

<head runat="server">

    <title>BootStrap</title>

    <link rel="Stylesheet" href="CSS/bootstrap.css"/>

    <link rel="Stylesheet" href="CSS/bootstrap-responsive.css"/>

    

</head>

<body>

   

    <form id="form1" runat="server" >

    

    <script  type="text/javascript" src="js/bootstrap-dropdown.js"></script>

    <script  type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript">

    $('.dropdown-toggle').dropdown();

    </script>

    

    <div>

    <ul class="nav nav-pills">

  <li><a href="#">规则的链接</a></li>

  <li class="dropdown" id="menutest1">

    <a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1">

      下拉项

      <b class="caret"></b>

    </a>

    <ul class="dropdown-menu">

      <li><a href="#">动作</a></li>

      <li><a href="#">另一个动作</a></li>

      <li><a href="#">其他</a></li>

      <li class="divider"></li>

      <li><a href="#">被间隔的链接</a></li>

    </ul>

  </li>

  <li class='active'>

    <a data-toggle="dropdown" href="#menutest1">点击我看看</a>

  </li>

</ul>

    </div>

    </form>

</body>

</html>

掩饰不了的爱 2021-11-18 22:39:41

你再帮忙看一下? 谢谢了

筱武穆 2021-11-17 18:32:58

我的是jquery的问题   你把代码发出来 最好 

检查jquery  看看 其他特效是否有效果   注意 js  和 html的 执行顺序

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文