我有一些用于不同页面的UI元素,因此我将它们放在单独的模板(部分)上
在这部分内容中,我想进行一些js交互,因此我添加了一个{% block javascripts %}
和通缉的script
问题是,因为我只是在需要的不同页面上包含此模板,所以它不会扩展任何布局/其他模板
这是我的部分
<div class="ui list inverted">
{% for follow in follows.currentPageResults %}
{{ include('backend/partials/follows_pagination_item.html.twig', {series:follow.series}) }}
{% endfor %}
</div>
{% if linkToPagination is defined and linkToPagination is same as(true) %}
<div class="ui row">
<div class="ui right floated">
<a href="{{ url('admin_profile_follows', {page:1}) }}" class="ui tiny button teal">
{{ 'admin.follows.go'|trans }}
</a>
</div>
</div>
{% else %}
{% if follows.haveToPaginate %}
{{ pagerfanta(follows, 'semanticui_inverted', {'routeName': 'admin_profile_follows', 'routeParams':{'page':'page'}}) }}
{% endif %}
{% endif %}
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('build/unfollow.js') }}"></script>
{% endblock %}
我这样包含它
{{ include('backend/partials/follows_pagination.html.twig', {linkToPagination:true}) }}
我需要此父项(或等效功能),因为没有此父项,脚本不会在DOM中的正确位置添加,并且出现错误webpackJsonp is undefined
(我的js文件是使用webpackEncore构建的)
有没有办法在javascripts块中正确添加我的脚本?
如果不是,我想我不应该使用include函数,而是另一个函数?