Question

我为我的应用程序创建了一个基本模板页面，它工作得很好，但是当我尝试添加javascript引用（例如jQuery）时，我得到了一个空白页面，但是javascript被加载到头部但是页面正文是空白的。即使引用的javascript源是一个空文件。这对于静态文件文件夹没有问题，因为样式和图像已正确加载，并且第一个引用的javascript源出现在django开发服务器提供的页面源代码中。

这是我的模板：

{% load staticfiles %}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{% static 'backend/css/style.css' %}" />
    <script type="text/javascript" src="{% static 'backend/script/script.js' %}">

以及我在浏览器中生成的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/static/backend/css/style.css" rel="stylesheet">
<script src="/static/backend/script/script.js" type="text/javascript">
   $(document).ready(function() {
   function runEffect() { 
   .   .   .
</script>
</head>
<body> </body>

如果我从头部删除所有javascript引用，一切都按照预期的方式工作。如何正确地将javascript包含在我的django应用程序中？

Answer 1

试试这个：

{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static 'backend/css/style.css' %}" />
        <script type="text/javascript" src="{% static 'backend/script/script.js' %}"></script>
    </head>
    <body>
               {{ your_content}}
    <script>Your custom script</script>
    </body>
</html>

将javascript添加到django模板时的空白页面

1 个答案: