javascript - Jade 和 jQuery 一起

Question

亲们， 我如何在使用 Jade 生成的表单上实现 jQuery 样式？我想做的是美化 表单并使它们可点击。我在 UI 方面很糟糕。期间。

我如何在表单上实现这个可选择的方法？ http://jqueryui.com/selectable/

pendingArray 是来自 Express 的 JSON 对象数组。只需要绘制它并使其可点击即可。单击后，我希望打开一个弹出窗口，我可以通过...发布到我的 api...作为后端程序员，这个 UI 的东西完全在我的脑海中，因为我从来没有在这个空白中花费任何时间。

页面.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>

Answer 1

你的问题不是 Jade & jQuery，而是 Jade & JavaScript ;)

Jade 尝试将您的 JavaScript 代码解释为 Jade 代码。您需要将 JavaScript 编写为纯文本。为了您的目的，您可以使用 block in a tag 语法，只需在 script 之后添加一个 dot:

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

来源:documentation

---

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

if pendingArray
    each item in pendingArray
        h1=val

来源:documentation