使用 jinja/javascript 动态创建 methods/objects

Question

我现在有这个工作代码，例如，我做了一段直接的代码：

{% for t in things %}
<button id="name{{t.id}}">{{ t.text }}</button>
<script>
$('#name{{ t.id }}').on('click', function() {
console.log('testingscript');
</script>
{% endfor %}

但由于这不是混合的好方法html/js我想将 js 放在单独的文件或 jinja 解决方案中..

编辑：问题是我该怎么做？

Answer 1

这是很多脚本标签。相反，在头脑中尝试这样的事情：

<script>
    $('button.mybutton').on('click', function() {
        console.log($(this).text());
    });
</script>

并且 body 有

{% for t in things %}
    <button class="mybutton" id="name{{t.id}}">{{ t.text }}</button>
{% endfor %}

因此，每当单击带有 class mybutton 的按钮时，single 脚本会将其包含的文本写入控制台。 id 不是调用回调的，class 是。

使用 jinja/javascript 动态创建 methods/objects

Dynamic creation of methods/objects with jinja/javascript

html

javascript

jinja2

flask