Javascript 无法加载引导标记输入_Javascript_Jquery_Css_Django_Twitter Bootstrap

Javascript 无法加载引导标记输入

javascript jquery css django twitter-bootstrap

Javascript 无法加载引导标记输入,javascript,jquery,css,django,twitter-bootstrap,Javascript,Jquery,Css,Django,Twitter Bootstrap,我有一个Django应用程序，它使用jquery在输入字段中加载标记，如代码所示。在运行代码时，我发现应用程序无法定位bootstrap tagsinput.css和bootstrap tagsinput.js。我应该把这些文件放在哪里，以便可以检测到它们错误 [28/Feb/2018 12:14:23] "GET /scripts/bootstrap-tagsinput.css HTTP/1.1" 404 2191 Not Found: /scripts/bootstrap-tagsinp

我有一个

Django

应用程序，它使用

jquery

在

输入字段中加载标记，如代码所示。在运行代码时，我发现应用程序无法定位bootstrap tagsinput.css
和bootstrap tagsinput.js
。我应该把这些文件放在哪里，以便可以检测到它们
错误
[28/Feb/2018 12:14:23]  "GET /scripts/bootstrap-tagsinput.css HTTP/1.1" 404 2191
Not Found: /scripts/bootstrap-tagsinput.js
[28/Feb/2018 12:14:23] "GET /scripts/bootstrap-tagsinput.js HTTP/1.1" 404 2188
Not Found: /scripts/bootstrap-tagsinput.js
[28/Feb/2018 12:14:23] "GET /scripts/bootstrap-tagsinput.js HTTP/1.1" 404 2188

项目目录结构
<project_name>
|--<app_name>
|     |--templates
|            |--index.html
|--<project_name>
|--scripts
|     |--bootstrap-tagsinput.css
|     |--bootstrap-tagsinput.js
|--manage.py

<!DOCTYPE html>
<html lang="en">
<head>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css">

    <link rel="stylesheet" href="../scripts/bootstrap-tagsinput.css">

    <title>Sample</title>

</head>

<body>

    <input type="text" id="tagbar" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script src="../scripts/bootstrap-tagsinput.js"></script>

    <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $('#tagbar').tagsinput('add', { "value": 1 ,"text": "Amsterdam"  ,"continent": "Europe"    });
            $('#tagbar').tagsinput('add', { "value": 2 ,"text": "Washington" ,"continent": "America"   });
            $('#tagbar').tagsinput('add', { "value": 3 ,"text": "Sydney"     ,"continent": "Australia" });
            $('#tagbar').tagsinput('add', { "value": 4 ,"text": "Beijing"    ,"continent": "Asia"      });
            $('#tagbar').tagsinput('add', { "value": 5 ,"text": "Cairo"      ,"continent": "Africa"    });
         });
      </script>
</body>
</html>


|--
||--模板
||--index.html
|--
|--剧本
||--bootstrap-tagsinput.css
||--bootstrap-tagsinput.js
|--manage.py

代码
<project_name>
|--<app_name>
|     |--templates
|            |--index.html
|--<project_name>
|--scripts
|     |--bootstrap-tagsinput.css
|     |--bootstrap-tagsinput.js
|--manage.py

<!DOCTYPE html>
<html lang="en">
<head>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css">

    <link rel="stylesheet" href="../scripts/bootstrap-tagsinput.css">

    <title>Sample</title>

</head>

<body>

    <input type="text" id="tagbar" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script src="../scripts/bootstrap-tagsinput.js"></script>

    <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $('#tagbar').tagsinput('add', { "value": 1 ,"text": "Amsterdam"  ,"continent": "Europe"    });
            $('#tagbar').tagsinput('add', { "value": 2 ,"text": "Washington" ,"continent": "America"   });
            $('#tagbar').tagsinput('add', { "value": 3 ,"text": "Sydney"     ,"continent": "Australia" });
            $('#tagbar').tagsinput('add', { "value": 4 ,"text": "Beijing"    ,"continent": "Asia"      });
            $('#tagbar').tagsinput('add', { "value": 5 ,"text": "Cairo"      ,"continent": "Africa"    });
         });
      </script>
</body>
</html>


样品
$（文档）.ready（函数（）{
$（'#tagbar'）.tagsinput（'add'，{“value”：1，“text”：“阿姆斯特丹”，“大陆”：“欧洲”}）；
$（#tagbar'）.tagsinput（'add'，{“value”：2，“text:“Washington”，“constance:“America”}）；
$（'#tagbar'）.tagsinput（'add'，{“value”：3，“text:”悉尼“，”大陆“：”澳大利亚“}）；
$（#tagbar'）.tagsinput（'add'，{“value”：4，text:“北京”，“大陆”：“亚洲”）；
$（'#tagbar'）.tagsinput（'add'，{“value”：5，“text”：“Cairo”，“constance”：“Africa”}）；
});
在Django中，您需要将静态文件（css、js）放置在静态
目录中，如
Hello中所述，它工作正常，但标记栏变为空，即其中没有标签，加载标签的jquery是否有任何问题tagbar
您的浏览器开发控制台中是否有任何错误？在浏览器的终端中没有错误我看到的是，但在您的浏览器JS/dev控制台中？或者我发现了错误，我添加了这些行，它工作了$（'#tagbar'）.tagsinput（{itemValue:'value'，itemText:'text'，}）