javascript - twig 模板渲染機制 twig中可否使用jquery？

1：使用twig中遇到一個問題

定義了一個範本頁面，然後子頁面繼承它。

如果在{%%}標籤外是不能寫任何程式碼的，否則就會報錯。 如上圖所示，在標籤中寫了一段程式碼，瀏覽器報錯，如下圖：

我的jquery是引入了的，在模板頁面中。 當我把這段程式碼單獨放到js檔案中並在模板頁面中引入，就沒有問題。
這裡就想問一下，twig渲染機制是什麼？ 為何這邊不能使用$?
謝謝

剛看了一下 在子頁面中直接加入jquery 之後子頁面確實 可以使用。 $可以使用。
那如果是引用一些公共資源的話，放在模板頁面中會出現這樣的情況，那如何保證這些資源的公用性？

回覆內容：

1：使用twig中遇到一個問題

定義了一個範本頁面，然後子頁面繼承它。

如果在{%%}標籤外是不能寫任何程式碼的，否則就會報錯。 如上圖所示，在標籤中寫了一段程式碼，瀏覽器報錯，如下圖：

我的jquery是引入了的，在模板頁面中。 當我把這段程式碼單獨放到js檔案中並在模板頁面中引入，就沒有問題。
這裡就想問一下，twig渲染機制是什麼？ 為何這邊不能使用$?
謝謝

剛看了一下 在子頁面中直接加入jquery 之後子頁面確實 可以使用。 $可以使用。
那如果是引用一些公共資源的話，放在模板頁面中會出現這樣的情況，那如何保證這些資源的公用性？

你頁面執行js的時候
jq還沒引入

和Twig沒有關係。而是因為你的jquery還沒載入，引用 $ 的程式碼就執行了。
試著把程式碼放在

<code class="js">document.onload = function() {
   // 以下是你的代码
}</code>

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