Question

我无法使用以下语法

在索引页面上加载图像

{% extends "base.html" %}
{% load crispy_forms_tags %}
{% block content %}

    <-!---This is the statement-->
   <-div data-src=  "{% static "bootstrap/images/slider/slider-img1.jpg" %}">
   <-/div>

{% endblock content %}

我在div中添加了额外的- (dash)因为帖子很难显示它。

无论如何我收到错误

Invalid block tag on line 69: 'static', expected 'endblock'. Did you forget to register or load this tag?

我认为这是一个目录结构。我的目录目前看起来像这样

|_mainApp
|  |_______index.html ------>This is where i am trying to run the statement
|_templates
|  |_______base.html ------->The statement works fine in the base
|_static
   |_bootstrap
|_CenterApp
   |_settings.py
   |_urls.py

有关我收到该错误的原因的任何建议是位置问题和内容无法找到？还是别的什么？

Answer 1

使用

  {% load staticfiles %}

您在下面

扩展了base.html

在django模板中，每当在模板中使用静态时，调用{％load staticfiles％}非常重要。更多详情simple regular expression for the email address

Answer 2

每当您使用{% extend "some_page.html" %}并且需要使用静态网址链接时，您可以使用{{STATIC_URL}}代替{% static "/some/link/" %}

因此，在您的情况下，请将其用作：

<-div data-src=  "{{STATIC_URL}}bootstrap/images/slider/slider-img1.jpg">

使用静态路径中的静态标记加载图像

2 个答案: