将现有的html模板迁移到流星和铁路由器

时间:2015-11-01 02:44:02

标签: html meteor iron-router

流星和铁路由器的新功能。希望可以得到一些帮助。

我正在尝试将以下模板用于流星应用程序: https://shapebootstrap.net/item/1524991-oxygen-free-bootstrap-one-page-theme

但是,当与铁路由器结合使用时,我无法以正确的方式获取所有文件结构。

以下是我的文件结构: 在JS里面:

Router.route('/', function () {
  this.render('Main');
});

" / client / css"

内的所有css

" / public"

下的字体,图片和js 在main.html中

,如果我没有添加以下内容: 在顶部

<template name="main">

在底部

</template>

它工作正常。但是这种打败铁路由器的目的是因为所有页面都会首先加载这个html。如果我添加上面的2个标签,看起来像html底部的js没有正确加载或不正确顺序:

<script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  <script type="text/javascript" src="js/jquery.inview.min.js"></script>
  <script type="text/javascript" src="js/wow.min.js"></script>
  <script type="text/javascript" src="js/mousescroll.js"></script>
  <script type="text/javascript" src="js/smoothscroll.js"></script>
  <script type="text/javascript" src="js/jquery.countTo.js"></script>
  <script type="text/javascript" src="js/lightbox.min.js"></script>
  <script type="text/javascript" src="js/main.js"></script>

知道我该怎么解决这个问题?感谢。

1 个答案:

答案 0 :(得分:0)

您不必添加脚本文件,您可以从atmospherejs.com安装包

示例:find twbs:bootstrap,它将自动安装bootstrap.min和其他依赖项。

地图和jquery非常相似。

如果你不理解铁:路由器,而不是在大气js检查示例文档,可能你可以修复它

在看到文档后,您将能够与铁路由器示例相关:     Router.route('/',{         名称:'家',         模板:'家'     });