JQuery 脚本在 Twig 中运行两次

我将 twig 用于我的模板。当我在 jquery 中加载 {% js_block %} 脚本时，它会加载两次，我不知道为什么？但是当我将脚本从 {% js_block %} 中移出时，它可以正常工作。问题是什么？

{% extends 'layout/base.html.twig' %}
{% block js_block %}
<script>alert('Hi')</script>
{% endblock %}

解决方案:我发现了问题。我已将 {% js_block %} 加载到 {% body_block %} 中:

{% extends 'layout/base.html.twig' %}
{% block body_block %}
//HTML CODES
{% block js_block %}
<script>alert('Hi')</script>
{% endblock %}
{% endblock %}

解决办法是:

{% extends 'layout/base.html.twig' %}
{% block body_block %}
//HTML CODES
{% endblock %}
{% block js_block %}
<script>alert('Hi')</script>
{% endblock %}

最佳答案

似乎您通过 ajax 或在回调函数内调用脚本。
运行脚本，以便“单击”功能运行一次，而不是更多。
每次在同一个元素上使用 click 函数时，它都会重复事件监听器。
我建议您选择使用“ID”而不是“class”。

关于JQuery 脚本在 Twig 中运行两次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34387244/