下面是我正在使用的模板代码。我正在使用基础作为框架,现在我只是想拉起范围 slider 。使用相同的静态类型链接,CSS 工作正常,只是 JavaScript 似乎不适合我。当我在查看源代码中跟踪该文件并单击该文件的链接时,它会将我带到该文件的代码。那么,为什么 js 代码不能工作呢?
<!DOCTYPE html>
{% load staticfiles %}
<link href="{% static "styling/css/normalize.css" %}" rel="stylesheet">
<link href="{% static "styling/css/foundation.min.css" %}" rel="stylesheet">
<link href="{% static "styling/css/custom.css" %}" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<div class="row">
<div class="small-10 medium-11 columns">
<div class="range-slider" data-slider data-options="display_selector: #sliderOutput3;">
<span class="range-slider-handle"></span>
<span class="range-slider-active-segment"></span>
</div>
</div>
<div class="small-2 medium-1 columns">
<span id="sliderOutput3"></span>
</div>
</div>
<script src="{% static "styling/js/jquery.js" %}"></script>
<script src="{% static "styling/js/foundation.min.js" %}"></script>
<script>
$(document).foundation();
</script>
</body>
最佳答案
似乎您缺少基础脚本标记末尾的 > 符号:
<script src="{% static "styling/js/foundation.min.js" %}"></script
应该是:
<script src="{% static "styling/js/foundation.min.js" %}"></script>
您应该通过 W3C Validator 检查生成的 html (或其他一些验证器),这通常会有所帮助。
关于javascript - 为什么我的 Javascript 不能在 django 模板中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25030496/