Wie verwendet man jQuery in Meteor 1.0

Question

Ich versuche, jQuery wie diese in meteor.js App zu verwenden.

JS:

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

oder ohne meteor.startup Funktion. Keine funktioniert.

HTML:

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

Ich bekomme keine Fehler und es passiert nichts, wenn ich auf die Schaltfläche klicken.

Answer 1

Sie sollten nicht jQuery für einfaches Ereignis verwenden wie diese Handhabung, ordnet stattdessen Ereignis Meteor-Vorlagen verwenden:

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(); 
    } 
}); 

Answer 2

Verwendung meteor list zu sehen wenn das jquery-Paket enthalten ist.
Wenn nicht, verwenden Sie meteor add jquery, um das Paket

Answer 3

beim Start hinzufügen, wird Ihr HTML wahrscheinlich nicht gerendert werden. Sie möchten dies auf Ihrem templated.rendered-Ereignis tun.

Aber, wie andere sagten, Sie wollen es nicht so machen.

Answer 4

Versuchen Sie, die Standard-jQuery DOM-Ready-Funktion verwenden, bevor Sie Ihren Anwendungscode schreiben, wie ...

if (Meteor.isClient) { 
    $(function() { 
     // your jQuery code here... 
    }); 
}