为了账号安全,请及时绑定邮箱和手机立即绑定

下拉菜单实现不了

下拉菜单实现不了

qq_安安_17 2017-05-10 18:21:06
JQuery和bootstrap调用顺序没错呀为什么实现不了下拉菜单?
查看完整描述

2 回答

已采纳
?
MR帽子先生

TA贡献245条经验 获得超106个赞

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 这里要注意先引力用Jquery在引用bootstrap -->
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>

</head>
<body>
    <div>
        <!-- 切换样式dropdown-toggle -->
        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            这是按钮
            <span></span>
        </button>
        <!-- dropdown-menu 归类到下拉菜单中 否则会直接显示-->
        <ul>
            <li>
                <a href="www.imooc.com">慕课网</a>
            </li>
            <li>
                <a href="www.imooc.com">慕课网</a>
            </li>
            <li>
                <a href="www.imooc.com">慕课网</a>
            </li>
            <li>
                <a href="www.imooc.com">慕课网</a>
            </li>
        </ul>
    </div>
</body>
</html>

代码给你,这是我自己写的,正确无误的,看看我们之间的区别,一般可能是因为你的class写错了~~~

查看完整回答
反对 回复 2017-06-25
?
此ID又隐藏了

TA贡献7条经验 获得超3个赞

首先,提示报错,说明你没有引入jquery,但是实际你发现你自己引入了,那么bootstrap为什么还会报错呢?说明你引入的jquery出现了问题。你可以检查下路径问题

查看完整回答
反对 回复 2017-05-10
  • 2 回答
  • 0 关注
  • 1845 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信