Wie jQuery in Meteor 1.0

Ich versuche jquery verwenden, wie dies in meteor.js app.

JS:

    if (Meteor.isClient) {      
    Meteor.startup(function() {
            $( "button" ).click(function() {
              $( "p" ).toggle();
            });
          });
...

Oder ohne meteor.Autostart-Funktion. Weder funktioniert.

HTML:

<button>Click</button>
<p>Can you see me?</p>

Bekomme ich keine Fehler und es passiert nichts, wenn ich auf die Schaltfläche klicke.

InformationsquelleAutor Mika | 2014-11-25
  1. 14

    Sollten Sie nicht verwenden jQuery für einfache event-Behandlung wie diese, verwenden Meteor Vorlagen Ereignis-Karten statt :

    HTML :

    <template name="myTemplate">
  <button type="button">Click me !</button>
  <p>Can you see me ?</p>
</template>

    JS :

    Template.myTemplate.events({
  "click button":function(event, template){
    template.$("p").toggle();
  }
});
    • Vielen Dank für Ihre Antwort! Allerdings, warum mein Beispiel jquery nicht funktioniert? Es sollte, richtig?
    • Meteor übernimmt die volle Kontrolle über die DOM-Verwaltung (das ist, warum es ist so leicht zu behandeln in den ersten Platz, oder ?) und können nicht gewährleisten, dass Ereignisse, die Sie setzen mit jQuery wird erhalten auf Vorlage re-rendering, also ich nehme an, das ist, warum Ihr code scheitert, sowieso bleiben, um mit Meteor Vorlagen, die Sachen zu vermeiden Fallstricke.
    • Ich denke aber ich bin nicht sicher, es funktioniert nicht, weil beim Start gibt es keine DOM-Elemente noch nicht, es wird wahrscheinlich funktionieren mit .gerendert Veranstaltung
    InformationsquelleAutor saimeunt
  2. 7

    verwenden meteor list um zu sehen, ob jquery-Paket enthalten.

    wenn nicht, verwenden Sie meteor add jquery um das Paket hinzuzufügen

    • Nach Meteor Docs und Atmosphäre atmospherejs.com/meteor/jquery Jquery sollte automatisch installiert werden. Allerdings kann ich nicht sehen, es aufgeführt. Ich habe es installiert und jetzt jquery funktioniert. Die docs sind ziemlich irreführend.
    • Ich entfernte die jquery aber der code funktioniert.
    • Ja, es erscheint jquery ist "einfach da" auch ohne eine explizite Paket installieren.
    • Eggegg : meteor list listet die Pakete, die Sie haben ausdrücklich Hinzugefügt, um Ihr Projekt ( + , wenn man ein frisches meteor-Projekt finden Sie 3 Pakete aufgeführt, es autopublish, unsicher, meteor-Plattform). Wenn Sie möchten, um zu sehen, alle Pakete, die mit meteor-core-Sie können schauen Sie in Ihrem Projekt-Ordner innerhalb des .meteor Ordner, in den versions Datei...
    InformationsquelleAutor Bird Eggegg
  3. 3

    auf Start, dein HTML ist wahrscheinlich nicht gerendert werden. Sie wollen das auf Ihre Vorlagen.gerendert Veranstaltung.

    Aber, wie andere gesagt haben, Sie wollen nicht, es zu tun, die Art und Weise sowieso.

    • Dies ist eine richtige Antwort hier, aber ich bin feststellend, obwohl etwas offensichtlich Aufruf $ in die isClient-code und nicht isServer-block ist wichtig, daran zu erinnern. Es ist enthalten in Meteor 1.0 standardmäßig und nicht zeigen, bis in meteor-Liste. Versuchen Sie es einfach, aber in der client sollte funktionieren, es sei denn, Ihr Zugriff auf die template-Abhängigkeiten, so dass mindestens $("body") sollte in den isClient.
    InformationsquelleAutor Keith Nicholas
  4. 1

    Versuchen Sie es mit der standard-jQuery-DOM-ready-Funktion schreiben, bevor Sie Ihrer Anwendung code wie folgt...

    if (Meteor.isClient) {
    $(function() {
        //your jQuery code here...
    });
}
    InformationsquelleAutor John Swindin
Schreibe einen Kommentar