让我们想象一下我有这样的基本布局(在现实世界中非常复杂)
<!DOCTYPE html>
<html>
<head>
{% block head %}
<link rel="stylesheet" href="style.css" />
<title>{% block title %}{% endblock %} - My Webpage</title>
{% endblock %}
</head>
<body>
<div id="content">{% block content %}{% endblock %}</div>
<div id="footer">
{% block footer %}
© Copyright 2011 by <a href="http://domain.invalid/">you</a>.
{% endblock %}
</div>
{% block jsLibs %}
<script type="text/javascript" src="{{ assets('js/jquery.min.js')}}"></script>
{% endblock %}
{% block js %}
{% endblock %}
</body>
</html>
和扩展它的模板,在现实世界中,它是一个巨大的模板,我将其分成较小的部分,在此示例中,为简单起见,它仅是templatePart.twig
{% extends 'layout.twig' %}
{% block title %}Admin dashboard - Account management{% endblock %}
{% block content %}
{%include 'templatePart.twig'%}
// some content here
{% endblock %}
{% block js %}
// some js here
{% endblock %}
这是templatePart.twig
//some HTML reated to this part of template
{% block js %}
// some js related only to this part of tempale
{% endblock %}
这里的问题是js
中的templatePart.twig
块未附加到主js
块中,但在DOM中高于jsLibs
是否可以通过某种方式将其添加到包含此模板的块中?
我可以将所有js移至主模板,但我希望它与相关的DOM一起