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

來源:互聯網
上載者:User

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


定義了一個模板頁面,然後子頁面繼承它。

如果在{%%}標籤外是不能寫任何代碼的,否則就會報錯。 如所示,在標籤中寫了一段代碼,瀏覽器報錯,如:

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

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

回複內容:

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


定義了一個模板頁面,然後子頁面繼承它。

如果在{%%}標籤外是不能寫任何代碼的,否則就會報錯。 如所示,在標籤中寫了一段代碼,瀏覽器報錯,如:

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

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

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

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

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

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

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.