将HTML5模板转换为流星.js,关于js init的问题

Converting HTML5 template to meteor.js, questions about JS init

本文关键字:js 关于 问题 init 流星 HTML5 转换      更新时间:2023-09-26

我正在将一个模板转换为metro.js,但在初始化js时遇到了问题。请记住,我是一个想成为程序员的新手。

使用iron:router我将页面拆分为不同的模板,我的主页看起来像这样:

Router.map(function(){
this.route('home', {
  path: '/',
  layoutTemplate: 'fullLayout',
  yieldTemplates: {
    'menu': {to: 'menu'},
    'sidebar': {to: 'sidebar'},
    'footer': {to: 'footer'}
  }
});

原始HTML模板在每个HTML文件的末尾初始化一些脚本:

<script>
jQuery(document).ready(function() {    
   Core.init(); // init core componets
   Layout.init(); // init layout
   Page.init(); // this may be different / non-needed for different pages
});
</script>

我应该把这个脚本放在哪里,或者我应该如何称呼这些脚本?有什么最佳实践吗?也许我不应该使用jQuery(文档)。准备好了吗?非常感谢你的帮助。

PS:很明显,我可以从控制台手动初始化它们,或者把它们放在每个模板的末尾,但需要有更好的方法。

在流星中,通过onRendered执行就绪函数。这里是完整的文件

Template.myTemplate.onRendered({
   Core.init(); // init core componets
   Layout.init(); // init layout
   Page.init(); // this may be different / non-needed for different pages
});