Fatal编程技术网

Javascript 引导JS未加载

javascript jquery html twitter-bootstrap

Javascript 引导JS未加载,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,这个问题的解决方案可能很琐碎，但却让我头痛不已！由于某些原因，Bootstrap的js文件没有加载到我的网页上 我将页面简化到最低限度，代码如下： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <

这个问题的解决方案可能很琐碎，但却让我头痛不已！由于某些原因，Bootstrap的js文件没有加载到我的网页上

我将页面简化到最低限度，代码如下：

<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    </head>
    <body>
        <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="cz" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                Dropdown
                <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="cz">
                    <li><a href="#">Option 1</a></li>
                    <li><a href="#">Option 2</a></li>
                    <li><a href="#">Option 3</a></li>
                </ul>
            </div>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"/>
        <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
    </body>
</html>


下拉列表

    

  • 

  • 

  •
现在，当我点击按钮时，什么也没有发生，我看不到下拉列表。当我检查加载的js文件时（通过browser inspect元素），我看到只有JQuery加载了

如果删除JQuery，则会得到引导需要JQuery的正确错误。我已经创建了一个，它的工作非常好。有人能帮我吗？？：（

关闭
script
tag

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"/></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
您没有关闭第一个标记。它应该是

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
更新：如果您正在思考为什么自动关闭脚本标记不起作用，请参考此项。

是的，就是这样。非常感谢！脚本标记不能使用“/>”关闭吗？@javaGirl243：理论上可以，但浏览器坚持为脚本元素提供一个开始和结束标记。当我开始评论时，它没有任何答案。：（@ZakariaAcharki他可能在看到答案已经被回答之前打开了答案窗口。不需要仇恨，投票否决。问题的作者会选择合适的答案。@ZakariaAcharki那么我向你道歉，朋友：）