Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的切换按钮导航栏没有响应_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 我的切换按钮导航栏没有响应

Javascript 我的切换按钮导航栏没有响应,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,当我点击小尺寸切换按钮时,它既不工作也不响应。这里有什么问题?我尝试了一些解决办法,但失败了 <html> <head> <link rel="stylesheet" href="bootstrap-4.0.0-alpha.6-dist/css/bootstrap.min.css" type="text/css"> </head> <body style="background-color:darkslategrey">

当我点击小尺寸切换按钮时,它既不工作也不响应。这里有什么问题?我尝试了一些解决办法,但失败了

<html>
<head>
    <link rel="stylesheet" href="bootstrap-4.0.0-alpha.6-dist/css/bootstrap.min.css" type="text/css">
</head>
<body style="background-color:darkslategrey">
    <!--navbar-->
    <nav class="navbar navbar-toggleable navbar-light bg-faded">
        <!--intro navbar-->
        <button type="button" class="navbar-toggler navbar-toggler-icon navbar-toggler-right collapsed" data-toggle="collapse" data-target="#menu"><!--responsive collapse menu--></button>
        <span class="navbar-brand-icon">Bootstrap</span>
        <!--navbar logo-->
        <div class="collapse navbar-collapse" id="menu">
            <!--in the item-->
            <ul class="nav navbar-nav">
                <li class="nav-item active"><a href="" class="nav-link">Home</a></li>
                <li class="nav-item"><a href="" class="nav-link">About us</a></li>
                <li class="nav-item"><a href="" class="nav-link">Services</a></li>

            </ul>
        </div>
    </nav>
    <!--header-->
    <div class="container">
        <div class="header-page">
        <div class="lead">
            <h1>Welcome in Helper Classes</h1>
        </div>
        <hr>
        <script src="bootstrap-4.0.0-alpha.6-dist/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="jquery.js" type="text/javascript"></script>
</body>
</html>
如中所示,您需要加载一些额外的脚本才能启动

独自创立 欢迎参加助手课程
检查控制台是否有错误?是否包含jQuery和bootstrap js?我想说,将jQuery脚本放在bootstrap之前。jsbootstrap js在其中使用jQuery。在bootstrap js之前加载jquery我担心接下来会有人来回答我的评论这不是在页面/文档顶部加载所有js文件的好方法,这对SEO和降低页面加载速度都是不好的做法。