twig 模板渲染机制 twig中可否使用jquery？

Question

1：使用twig中遇到一个问题

定义了一个模板页面，然后子页面继承它。

如果在{%%}标签外是不能写任何代码的，否则就会报错。 如上图所示，在标签中写了一段代码，浏览器报错，如下图：

我的jquery是引入了的，在模板页面中。 当我把这段代码单独放到js文件中并在模板页面中引入，就没有问题。
这里就想请问一下，twig渲染机制是什么？ 为何这边不能使用$?
谢谢

刚看了一下 在子页面中直接加入jquery 之后子页面确实 可以使用。$可以使用。
那如果是引用一些公共资源的话，放在模板页面中会出现这样的情况，那如何保证这些资源的公用性？

Answer 1

你页面执行js的时候
jq还没有引入

Answer 2

和Twig没有关系。而是因为你的jquery还没有载入，引用 $ 的代码就执行了。
试着把代码放在

document.onload = function() {
   // 以下是你的代码
}

中间。
使用 window.onload 也可以。