腳本。 JADE標簽未在Express中呈現

Question

我希望在我的JADE模板中有客戶端腳本並編寫

擴展布局

script.
    function collect_data() {

        var transitions = {};

        $( ":checkbox:checked" ).each(function (index, element) {
        //// some code
    }

block content
    h1= title

    table
        - for (var i = 1; i < images.length; ++i) {
            - var image;
            // and so on

我期待着類似的東西

<script>
    function collect_data() {

    var transitions = {};
    ...

</script>

在我的網頁源中，但我看不到。

什么不對？ 如何在Jade中將嵌入式JavaScript渲染到模板中？

Answer 1

您正在擴展布局

extends layout

根據pug的docs常見錯誤部分 ，這意味着您在子模板中

請注意，只有命名塊和混合定義可以出現在子模板的頂層（未縮進）。 這個很重要！ 父模板定義頁面的整體結構，子模板只能追加，添加或替換特定的標記和邏輯塊。 如果子模板試圖在塊外添加內容，Pug將無法知道將其放置在最終頁面的何處。

這意味着你應該做這樣的事情

//- layout.pug
html
  head
    block head
  body
    block content

在子模板中，您可以執行以下操作

extends layout

block append head
  script.
        function collect_data() {

            var transitions = {};

            $( ":checkbox:checked" ).each(function (index, element) {
            //// some code
        }

將其顯示在layout head下方