Javascript 如何在meteor中使用jQuery代码？

所以我不能在meteor中运行

JQuery

code！我已经添加了包

meteor add jquery

解决方案：

---

使jquery在meteor中运行或将jquery代码转换为JS代码

有人知道怎么解决吗

非常感谢你的帮助

范例

---

您不需要在Meteor项目中显式添加

jquery

包，因为它通常已经包含依赖于

jquery

的包（即模板包）

然而，你不能仅仅在Meteor应用程序中复制

jQuery

代码示例，并期望它们在没有额外工作的情况下工作：特别是，只有当Meteor模板渲染引擎Blaze将相应的DOM元素插入DOM时，你才需要初始化

jQuery

插件

假设您具有以下（MaterializeCS）模板标记：

<template name="collapsible">
  <ul class="collapsible" data-collapsible="accordion">
    <li>
      <div class="collapsible-header"><i class="mdi-image-filter-drama"></i>First</div>
      <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
    </li>
    <li>
      <div class="collapsible-header"><i class="mdi-maps-place"></i>Second</div>
      <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
    </li>
    <li>
      <div class="collapsible-header"><i class="mdi-social-whatshot"></i>Third</div>
      <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
    </li>
  </ul>
</template>

---

console.log（$）

输出什么？“将JQuery代码转换为JS代码”，你把我弄丢了。

<template name="collapsible">
  <ul class="collapsible" data-collapsible="accordion">
    <li>
      <div class="collapsible-header"><i class="mdi-image-filter-drama"></i>First</div>
      <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
    </li>
    <li>
      <div class="collapsible-header"><i class="mdi-maps-place"></i>Second</div>
      <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
    </li>
    <li>
      <div class="collapsible-header"><i class="mdi-social-whatshot"></i>Third</div>
      <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
    </li>
  </ul>
</template>

Template.collapsible.onRendered(function(){
  // we're using the template instance scoped jQuery
  this.$('.collapsible').collapsible({
    accordion: false
  });
});