javascript - Jquery 在 PUG 中不工作。即使我包含了 jQuery，也无法识别 $ 符号

Question

我已将我的 jquery 代码放入 pug 模板中，但它没有运行。我正在尝试运行 jQuery 函数，但我收到以下错误，即使我也包含了 jQuery 文件:-

 40|                 P   

    41|                     script(type="text/javascript")

  > 42|                        -  $("#image-drop-area").dropzone({ url: "/file/post" })


$ is not a function

这是我的哈巴狗模板:-

        p
            label(for="tags") Tags (Seperated by comma): 
            input(type="text" name="tags" id="tags" required autofocus)

        P   
            script(type="text/javascript")
               -  $("#image-drop-area").dropzone({ url: "/file/post" })

Answer 1

错误是处理pug文件中的javascript/jquery行(带-)。试试这个:

script(type="text/javascript").
  $("#image-drop-area").dropzone({ url: "/file/post" })

注意末尾的点:script(type="text/javascript").。它将以下 block 作为纯文本写入 script 标记。

Block in a Tag