Question

民间，我如何在使用Jade生成的表单上实现jQuery样式？我要做的是prettify表单，并使它们可以点击。用户界面我很糟糕。周期。

如何在表单上实现此可选方法？ http://jqueryui.com/selectable/

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>

Answer 1

你的问题不是Jade＆amp; jQuery，它是Jade＆amp; JavaScript;）

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

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

Jade和jQuery在一起

1 个答案: