JQuery funktioniert nicht mit Jade

Habe ich einige JQuery in meinem Jade-Dateien für meine Express-web-app, aber nichts scheint zu bekommen, genannt. Hier ist der Inhalt, der jade-Datei:

extends layout
block content
    p Landing page
    #info Info area
block foot
    a(href="https://localhost:8888/logout", title="logout") Logout

Hier ist das layout jade-Datei:

!!!5
html
    head
        title #{title}
        link(rel='stylesheet', href='/stylesheets/style.css')
        script(type='text/javascript', src="http://code.jquery.com/jquery-1.9.1.min.js")
        script(type='text/javascript', src="/idle-timer.js")
        script(type='text/javascript').
            $(document).ready(function() {
                $(document).idleTimer(10000);
                $(document).on("idle.idleTimer", function(){
                    console.log("alert");
                });

                $(#info).click(function(){
                    $(this).hide();
                });
            });
    body
        header
            h1 Web App Sample
        .container
            .main-content
                block content
            .sidebar
                block sidebar
        footer
            block foot

Kann jeder sehen, was das problem sein kann? Vielleicht Einrücken?

script(type='text/javascript'). - hat dieser Punkt am Ende der Zeile etwas zu tun? Vielleicht einfacher für Sie, um Ihre JS in eine externe Datei und rufen Sie es in wie Sie für idle-timer.js.
Der Punkt offenbar erforderlich ist, weil, wenn ich nicht hinzufügen, es ich bekomme diese Warnung in der Konsole "Impliziten Text für script und style ist veraltet. Verwenden script. oder style. statt."
überprüfen Sie den generierten code in der Quelle, wenn du immer die richtige html. Auch Sie verpasste hinzufügen qoutations zu $('#info')
Ah, ja das habe ich, danke. Auch sollte der doc.ready() platziert werden, in der externen js-Datei, wenn ich den code dort statt in den Kopf, oder sollte das Teil in den Kopf-und nur die Funktionen, die über in die äußere?
Ich war in der Lage, um eine externe javascript-Funktion führen Sie auf eine Schaltfläche klicken, aber noch nichts in meinem Dokument.bereit ist, zu arbeiten.

InformationsquelleAutor gjw80 | 2013-10-09

  1. 1

    Schwer zu sehen, auf meinem Handy, aber hast du Gedankenstrich Ihr Skript-code wie:

    html
    head
        script(src='jsfile')
        script
            $(document).ready
    body #same level as head!
        header

    InformationsquelleAutor Martinomagnifico

Schreibe einen Kommentar