Jade和jQuery的结合

Question

大家好， 我如何在使用Jade生成的表单上实现jQuery样式呢？我想要美化表单并使其可点击。但是我对界面设计非常糟糕，完全不懂。期望能够使用http://jqueryui.com/selectable/中的selectable方法实现对表单的选择。 pendingArray是来自Express的一组JSON对象的数组。只需要绘制它并使其可点击。点击后，我希望打开一个弹出窗口，以便我可以将数据POST到我的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>

- Cmag

---

以上会抛出错误：来自 alert('hello world'); 的“意外的文本;”。 - Cmag

Answer 1

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

Jade试图把你的JavaScript代码解释成Jade代码。你需要将JavaScript代码以纯文本形式编写。为了实现你的目的，你可以使用“在标记中的块”语法，在script后面添加一个点:

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

来源：文档

---

在循环中还有另一个错误。each是Jade语法而不是JavaScript，虽然你也可以用JavaScript代码进行循环，但那看起来不太好看。 在下一行，您尝试编写纯文本/HTML，但它并不纯粹，请参见上面的内容。

if pendingArray
    each item in pendingArray
        h1=val

来源：文档

- timaschew