javascript - 自定义表单字段 Symfony2 中的 Javascript

Question

我的表单字段模板如下：

{% block test_question_widget %}
    {% spaceless %}
        <div  {{ block('widget_container_attributes') }}>
            {% set type = type|default('hidden') %}
            <input type="{{ type }}" {{ block('widget_attributes') }} value="{{ value }}"/>
            <div class="visible-element"></div>
        </div>
    {% endspaceless %}
{% endblock %}

假设我希望我的 div.visible-element 表现得像我在 js 文件中定义的那样，即改变我的隐藏输入的值，例如取决于页面上的位置。

1. 我需要添加js文件。最好的地方在哪里？
2. 假设我有 100 个这样的字段。如何只添加一次js？

Answer 1

1. 最佳做法是将您的 javascript 代码添加到外部 .js 文件中

2. 使用 jQuery，您可以轻松地在所有元素上重复相同的 JS 代码：

   $('.visible-element').each(function(){ // 你的 JS 代码 });