当我使用本地文件时,为什么会丢失Bootstrap Dropdown菜单?

时间:2015-12-23 03:58:39

标签: javascript jquery html css twitter-bootstrap

我已经使用Bootstrap一年了,它运行得很好。但是当我尝试在本地使用这些文件时,结果总是相同的:我的Navbar下拉菜单停止下降。

任何人都可以看到我做错了吗?

<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->

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

    <script src="js/plugins.js"></script>
    <script src="js/jquery-ui-1.11.4/jquery-ui.min.js"></script>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">

    <!-- Latest compiled and minified JavaScript -->
    <script src="js/bootstrap.min.js"></script>

错误是:

wsschedulepolygraphs.php:14 GET http://localhost/dfwit/js/jquery.min.js 
wsschedulepolygraphs.php:17 GET http://localhost/dfwit/js/jquery-ui-1.11.4/jquery-ui.min.js 
bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery(anonymous function) @ bootstrap.min.js:6
dropdown-enhancement.js:267 Uncaught ReferenceError: jQuery is not defined(anonymous function) @ dropdown-enhancement.js:267
wsschedulepolygraphs.php:434 Uncaught ReferenceError: $ is not defined(anonymous function) @ wsschedulepolygraphs.php:434
wsschedulepolygraphs.php:530 Uncaught ReferenceError: $ is not defined

3 个答案:

答案 0 :(得分:1)

对目录的不正确权限在读取文件时可能导致403和其他访问错误。要从命令行检查当前目录的所有者和组:

~$ ls -ld
drwxr-xr-x  2 owner group 4096 Aug 12 19:12 Desktop

来源: How to Find Owner and Group of a Directory

https://superuser.com/a/91966

答案 1 :(得分:0)

只需查看代码,您的引导路径就不同于所有其他JavaScript包含的内容。

<script src="js/jquery.min.js"></script>
            ^^^

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

答案 2 :(得分:0)

js文件的路径不正确。同样对于以下代码,js之前/之前可能会导致问题

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