为什么我的Slick Slider旋转木马不工作Django

Question

我看到了其他几篇文章，但都没有为我提供解决方案。

光滑的滑块文件夹在我的静态文件中，正在成功读取，但我的HTML根本没有发生任何事情。

我很感激你的帮助：(

{% for game in game_lines %}
{% if game.status == 'scheduled' or game.status == 'in progress' %}
<div class="slick-slider">  
<div class="col-1 text-center">
<p class="white">{{ game.away_abbr }}</p>
<p class="white">vs.</p>
<p class="white">{{ game.home_abbr }}</p>
</div>
</div>    
{% endif %}
{% endfor %}

{% block postloadjs %}
<script src="https://code.jquery.com/jquery-2.2.0.min.js"
type="text/javascript"> 
</script>
<link type="text/javascript" href="{% static 'slick/slick.min.js' %}">  
<script type="text/javascript">
$(document).ready(function(){
$('.slick-slider').slick({
infinite: true,
speed: 700,
autoplay:true,
autoplaySpeed: 2000,
slidesToShow: 10,
slidesToScroll: 1
});
});
</script>
{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'slick/slick.css' %}">
<link rel="stylesheet" href="{% static 'slick/slick-theme.css' %}"/>
{% endblock %}

Answer 1

链接元素不会执行链接到页面的脚本文件。

<link type="text/javascript" href="{% static 'slick/slick.min.js' %}">

如果改为使用script标记加载文件，则在加载时也将执行脚本。

<script src="{% static 'slick/slick.min.js' %}"></script>

*还要注意，使用script标记，可以在src属性中设置文件路径，而不是在href属性中设置。