将JavaScript变量添加到Django静态网址

Question

我试图将自定义Javascript变量添加到我的Django静态网址中。 不幸的是，下面的代码失败了。

 $(document).ready(function() { var randomNum = Math.floor((Math.random() * 12) + 1) var text = "{% static '5LW/images/slider/" + randomNum + ".1.jpg' %}" document.getElementById("headerImage").style.backgroundImage = url(text) }); 

我收到错误：

-

**Error during template rendering**

Could not parse the remainder: ''5LW/images/slider/"' from ''5LW/images/slider/"'

var text = "{% static '5LW/images/slider/" + randomNum + ".1.jpg %}"

-

我将如何解决这个问题？

Answer 1

您的错误是因为在创建text变量时混合了"和' 。

但是，这永远行不通。 {% static ".." %}标记由服务器执行，并且您的JavaScript由浏览器执行（服务器完成处理后很长时间）。

您可能会使用以下方法使它起作用

var text = "{{ STATIC_URL }}/5LW/images/slider/" + randomNum + ".1.jpg";

（您可能必须将视图中的settings.STATIC_URL手动显示给模板）。

.. 也许：

var text = "{% static "5LW/images/slider/" %}" + randomNum + ".1.jpg";