Javascript Jade和jQuery在一起

各位， 如何在使用Jade生成的表单上实现jQuery样式？我想做的是美化表单并使其可点击。我的UI很差。句号

如何在表单上实现此可选方法

pendingArray

是来自

Express

的JSON对象数组。只需要画出来，让它可以点击。点击后，我想打开一个弹出窗口，我可以发布到我的api与。。。作为一名后端程序员，这个UI的东西完全超出了我的想象，因为我从来没有在这个空白中花费任何时间

page.jade：

include mainNavMenu

body
    h1= title
    p#container Welcome to #{title}
    p#message (to be filled in)
    script
        alert('hello world');
        $("#message").html("message set through jquery")

block Content

if (pendingArray)
    - each val, key in pendingArray
        <h1>#{val}</h1>

包含主导航菜单
身体
h1=标题
欢迎来到{title}
p#消息（待填写）
剧本
警报（“你好世界”）；
$（“#message”）.html（“通过jquery设置的消息”）
块内容
if（Pendingaray）
-每个val，输入Pendingaray
#{val}

您的问题不是Jade&jQuery，而是Jade&JavaScript；）

Jade尝试将JavaScript代码解释为Jade代码。 您需要将JavaScript编写为纯文本。 出于您的目的，您可以在标记语法中使用

块，只需在
脚本
之后添加一个点：

script.
    alert('hello world');
    $("#message").html("message set through jquery")

资料来源：


循环中还有一个错误
每个
都是Jade语法而不是JavaScript，您也可以使用JavaScript代码进行循环，但这看起来不太好。
在下一行中，您尝试编写纯文本/HTML，但它不是纯文本，请参见上文

if pendingArray
    each item in pendingArray
        h1=val

来源：
以上抛出错误：
意外文本来自
警报（“hello world”）