bootstrap 中dropdown下拉项的使用问题

黄春涛2 发布于 2012/12/11 19:56
阅读 10K+
收藏 0

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


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

加载中
0
wwwmmm
wwwmmm

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

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

黄春涛2
黄春涛2
你再帮忙看一下? 谢谢了
0
黄春涛2
黄春涛2
<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>
傅小黑
傅小黑
是不是没有把jquery写在前面啊,dropdown的js写在后面
0
黄春涛2
黄春涛2
按钮的外观都是有的 就是下拉框 出不来 Jquery 我是从官网下的最新的
0
wwwmmm
wwwmmm

引用来自“黄春涛2”的答案

<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>
jquery  放在  bootstrap js 的上面
0
wwwmmm
wwwmmm
下面的 jquery 下面的那段代码 不需要 就可以
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部