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 コード });