如何在流星中使用jQuery代码？

  • Z时代
  • 2024-01-10
  • 分类：问答

所以我不能运行JQuery代码流星！我已经添加了包meteor add jquery。如何在流星中使用jQuery代码？

解决方案： 要让jQuery跟跑在meteorOR转换jQuery代码以JS代码

有人知道如何解决呢？

非常感谢您的帮助！

例

$(document).ready(function() { 
    $('.collapsible').collapsible({ 
     accordion: false 
    }); 
});

回答：

你并不需要明确地添加jquery包流星项目中，因为它通常已经包含取决于jquery包（即模板包）。

但是，您不能仅仅复制jQuery代码示例到Meteor应用程序中，并希望它们在没有额外工作的情况下工作：特别是只有在相应的DOM元素已插入时才需要初始化jQuery插件Blaze的DOM，Meteor模板渲染引擎。

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

<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>

你需要初始化onRendered生命周期事件里面的可折叠的插件：

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

以上是 如何在流星中使用jQuery代码？ 的全部内容， 来源链接： utcz.com/qa/257545.html

回到顶部