gpt4 book ai didi

javascript - 来自 {% for %} 的 Django 模板变量循环到 Javascript

转载 作者:行者123 更新时间:2023-12-04 22:35:32 25 4
gpt4 key购买 nike

这是一个遍历记录的 Django 模板。每条记录都包含一个 js 函数填充的 div。为了让 JS 知道该做什么,它需要从每个 for 循环迭代中获取一个变量并使用它。我不确切知道如何实现这一目标或是否可能。也许需要一种不同的方法来记录在单独的 JS 对象实例中触发计时器,我不知道。

---------- html -----------

{% for match in upcoming_matches %}
...

<tr>
<td> Match title </td>
<td> Match time </td>
<td> Starts in: </td>
<tr>

<tr>
<td> {{ match.title }} </td>
<td> {{ match.start_time }} </td>
<td> <div id="matchCountdown"/></td>
<tr>

...

{% endfor %}

------------ JS ---------------
$(function () {

var start_date = {{ match.start_date }}; // Obviously I can't access vars from for loop, I could access upcoming_matches but not the ones from for loop


var matchDate = new Date(start_date.getTime()

$('#matchCountdown').countdown({until: matchDate});

});

最佳答案

您还可以在代码的 javascript 部分中使用 {% for %} 循环。如果你在你的 html 模板中写这个:

<script type="text/javascript">
$(function() {
{% for match in upcoming_matches %}
var match_date_{{ match.id }} = new Date({{ match.start_date }}).getTime();
$('#matchCountdown_{{ match.id }}').countdown({until: match_date_{{ match.id }});
{% endfor %}
});
</script>

另外, <div id="matchCountdown"/>变成 <div id="matchCountdown_{{ match.id }}"/>在这种情况下。

关于javascript - 来自 {% for %} 的 Django 模板变量循环到 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7531625/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com