1

我在业余时间在一个小网页上工作，在那里我使用 python/django 和 bootstrap。我对前端没有太多经验，所以尝试做一些非常简单的事情。今天我看到了 backstretch 插件，觉得它听起来很酷且易于设置。但是现在我已经处理了几个小时，仍然没有显示图片。

这是我的代码：

<html>
<head>
    <title>{% block title %}My webpage{% endblock %}</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <style type="text/css">
       body { background: transparent !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
    </style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-8">
    <h1>My Horse Farm</h1>
</div>
<div class="col-sm-4">
    {% if user %}
        Du er logget ind som: {{user.username}} - <b>Log ud</b>
    {% endif %}
</div>
</div>
<div class="row">
<div class="btn-group btn-group-justified" role="group"  style="width: 50%; margin: 0 auto;" aria-label="...">
    <a class="btn btn-default" href={% url 'frontpage' %} role="button">Frontpage</a>
    <a class="btn btn-default" href={% url 'account:profile' %} role="button">My profile</a>
    <a class="btn btn-default" href={% url 'marketplace:marketplace' %} role="button">Marketplace</a>
</div>
</div>
<div class="row">
    {% block content %}{% endblock %}
</div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"> </script>
<script type="text/javascript" src="/jquery.backstretch.min.js"></script>
</body>
</html>


<script>
$(document).ready(function() {
    $.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");
});
</script>

对于尝试加载 backstretch 时的行，我收到以下错误：“加载资源失败：服务器响应状态为 404（未找到）”。

一直在尝试以不同的顺序加载脚本 - 但没有任何帮助。我究竟做错了什么？

4

2 回答 2

0

用这个：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>

而不是这个：

<script type="text/javascript" src="/jquery.backstretch.min.js"></script>
于 2016-04-04T15:11:56.420 回答
0

您正在尝试通过未正确链接到您的静态文件夹位置的文件路径来引用静态文件。虽然类似的东西src="/static/jquery.backstretch.min.js"可能会解决您的问题（其中 static 是您在 settings.py 中定义的目录）。你最好使用 django静态模板标签

{% load staticfiles %}

<script type="text/javascript" src="{% static 'jquery.backstretch.min.js' %}"></script>

您可以在django 文档中阅读有关部署静态文件的更多信息

于 2016-04-04T15:14:38.963 回答