Jade und jQuery zusammen

Leute,
Wie würde ich das umsetzen jQuery Stile auf eine form, die ich generieren mit Jade? Was ich versuche zu tun ist, um prettify Formen und anklickbar gemacht. Ich bin schrecklich am UI. Zeitraum.

Wie würde ich dies umsetzen wählbar-Methode in einem Formular? http://jqueryui.com/selectable/

pendingArray ist ein Array von JSON-Objekten aus Express. Nur müssen, um es zu zeichnen und machen Sie anklickbar. Nach einem Klick, ich möchte ein popup Fenster öffnen, dass kann ich POST an meine api mit... einem backend-Programmierer, dieses UI-Zeug ist komplett über meinen Kopf, wie ich nie viel Zeit verbringen in diese leere.

Seite.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>
Oben wirft einen Fehler: unexpected text ; aus alert('hello world');

InformationsquelleAutor Cmag | 2014-03-03

  1. 10

    Dein problem ist nicht Jade & jQuery, es ist Jade & JavaScript 😉

    Jade zu interpretieren versuchen, Ihre JavaScript-code als Jade-code.
    Sie müssen schreiben Sie den JavaScript-Code als plain text.
    Für Sie Zweck können Sie die block in a tag syntax, fügen Sie einfach eine dot nach script:

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

    Quelle: Dokumentation

    Es ist ein weiterer Fehler in der Schleife. each ist Jade syntax und nicht JavaScript, du könntest auch eine Schleife mit JavaScript-code, aber das wäre doch nicht sehr schön.
    In der nächsten Zeile, die Sie versuchen zu schreiben, nur-text/HTML, aber es ist nicht klar, siehe oben.

    if pendingArray
    each item in pendingArray
        h1=val

    Quelle: Dokumentation

    InformationsquelleAutor timaschew

Schreibe einen Kommentar