Question

我现在有了这个工作代码，例如＆＃39;为了我做了一个直截了当的代码：

{% 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>

身体已经

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

因此，只要单击具有类mybutton的按钮，单个脚本就会将其包含的文本写入控制台。 id不是调用回调的内容，class是。

使用jinja / javascript动态创建方法/对象

1 个答案: