在细枝模板中插入JavaScript的正确方法是什么

我想用包含JavaScript的下拉列表显示电影投票，但我不知道在小树枝模板中使用JavaScript的正确方法是什么。我在

..\PYSBundle\Resources\public\js

中找到了

query.dropdown.js

和

modernizer.custom.63321.js

。在

base.html.twig

中，我得到了：

        (...)
        <script src="js/modernizr.custom.63321.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.dropdown.js"></script>
        <script type="text/javascript">
            $( function() 
            {
                $( '#cd-dropdown' ).dropdown();
            });
        </script>
    </body>
</html>

{% block javascripts %}
    {% javascripts '@PYSBundle/Resources/public/js/jquery.dropdown.js' %}
        <script src="{{ asset_url }}" type="text/javascript"></script>
    {% endjavascripts %}

    {% javascripts '@PYSBundle/Resources/public/js/modernizr.custom.63321.js' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

<select id="cd-dropdown" class="cd-select">
    <option value="-1" selected>Select a vote -</option>
    <option value="1" class="one">1</option>
    <option value="2" class="two">2</option>
    <option value="3" class="three">3</option>
    <option value="4" class="four">4</option>
    <option value="5" class="five">5</option>
    <option value="6" class="six">6</option>
    <option value="7" class="seven">7</option>
    <option value="8" class="eight">8</option>
    <option value="9" class="nine">9</option>
    <option value="10" class="ten">10</option>
</select>

最后在

votaciones.html.twig

中，它扩展了fronted.html.twig`我得到了：

        (...)
        <script src="js/modernizr.custom.63321.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.dropdown.js"></script>
        <script type="text/javascript">
            $( function() 
            {
                $( '#cd-dropdown' ).dropdown();
            });
        </script>
    </body>
</html>

{% block javascripts %}
    {% javascripts '@PYSBundle/Resources/public/js/jquery.dropdown.js' %}
        <script src="{{ asset_url }}" type="text/javascript"></script>
    {% endjavascripts %}

    {% javascripts '@PYSBundle/Resources/public/js/modernizr.custom.63321.js' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

<select id="cd-dropdown" class="cd-select">
    <option value="-1" selected>Select a vote -</option>
    <option value="1" class="one">1</option>
    <option value="2" class="two">2</option>
    <option value="3" class="three">3</option>
    <option value="4" class="four">4</option>
    <option value="5" class="five">5</option>
    <option value="6" class="six">6</option>
    <option value="7" class="seven">7</option>
    <option value="8" class="eight">8</option>
    <option value="9" class="nine">9</option>
    <option value="10" class="ten">10</option>
</select>

选择投票-
1.
2.
3.
4.
5.
6.
7.
8.
9
10

这是我做这件事的方法

首先，定义在这个应用程序中一直使用的库，并将它们放在

app/Resources/public/js/

文件夹中

app/Resources/public/js/

• jquery.min.js
• jquery.dropdown.js
• 现代化

然后，创建一个

assetic.asset

，以便轻松获取它们

config.yml

然后，创建一个js文件来保存javascript包逻辑

@Bundle/Resources/public/js/frontbundle.js

---

确保您需要的资产由：composer require symfony/asset

当然，如果您使用的是symfony，这就是问题所在

<script src="{{ asset('js/functions.js') }}"></script>

您所说的单个JS文件是我的

jquery.dropdown.JS

。基于此，我按照您的指示进行了操作，但我仍然没有通过以下行解决问题：

$（function（）{$（'#cd dropdown'）。dropdown（）；}）