在教程视图中可以显示,但是在本地没法下拉,为什么呢【路径是对的,jquery.js在bootstrap.min.js之前】

来源:5-1 下拉菜单(基本用法)

qq_指尖旋律_1

2016-03-29 10:00

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>下拉菜单</title>

<link rel="css/bootstrap.min.css"/>

</head>

<body>


<div class="dropdown">

    <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">

    下拉菜单    

    </button>

    <ul class="dropdown-menu" role="menu">

        <li>下拉一</li>

        <li>下拉二</li>

        <li>下拉三</li>

    </ul>

</div>

<script src="js/jquery-1.8.2.js"></script>

<script src="js/bootstrap.min.js"></script> 

</body>

</html>

http://img.mukewang.com/56f9e19e000166a202310351.jpg

写回答 关注

2回答

  • 学习与创造
    2016-03-29 10:22:34
    已采纳

    你好,这个jQuery是有要求的,必须是1.9以上。我也遇到了你说的问题,后来我使用的比较新的版本1.11.3,不要使用2.1.4的,变化太大,现在还不建议你使用,跟我一样改成1.11.3的就OK啦,希望对你有帮助,加油!

    qq_指尖旋...

    非常感谢!确实是jQuery版本的问题和css引入的问题,用1.11.3后就好了,CSS引入也出错了。反馈很及时,给个五星好评^ _^

    2016-03-29 12:58:43

    共 3 条回复 >

  • zhxjava
    2016-03-29 10:24:12

    css引入的有问题,请这样引入:<link href="css/bootstrap.min.css" rel="stylesheet">

    qq_指尖旋...

    恩!确实引入出错了,没看到。改过来了,谢谢!! ^_^

    2016-03-29 12:59:50

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题