1

所以我目前正在开发我的第一个流星应用程序，这将是一个很好的移动应用程序。由于它只能在移动设备上运行，我想使用Junior Framework来实现经典应用程序的外观和感觉 + 幻灯片转换。

它基于backbone.js。

所以我的流星应用程序也已经使用了主干并且工作得很好。现在的问题是，当我将初级包含在我的流星项目中时，没有定义初级命名空间（“Jr”）。

我认为这有以下原因： Meteor 总是使用以下代码自动包装项目中的任何 *.js 文件：

(function(){ ... }).call(this);

这会破坏初级 js 类的类定义，导致“Jr”未定义。

我怎样才能解决这个问题？我真的需要 Junior 使用幻灯片过渡和一切。

或者让我们换一种说法：你知道有什么方法可以在同样使用backbone.js的meteor项目中包含页面之间的幻灯片转换（目前我正在使用标准的主干路由器+ Meteor的Template.templatename.var语法)?

提前谢谢你，最好的问候

帕特里克

4

2 回答 2

0

你把你的 CSS + JS 放在哪里？

您应该将所有这些第 3 方的东西放在“public”文件夹中（它不会捆绑为流星 js，而是作为第 3 方 js + css。http ://docs.meteor.com/#structuringyourapp

我创建了快速演示，我把所有东西都放在那里

HTML

<head>
    <title>junior</title>
    <script src="lib/javascripts/modernizr.custom.15848.js"></script>
    <script src="lib/javascripts/zepto.min.js"></script>
    <script src="lib/javascripts/zepto.flickable.min.js"></script>
    <script src="lib/javascripts/lodash.min.js"></script>
    <script src="lib/javascripts/backbone-min.js"></script>
    <script src="src/javascripts/junior.js"></script>
    <link rel="stylesheet" href="lib/stylesheets/ratchet.css"/>
    <link rel="stylesheet" href="src/stylesheets/junior.css"/>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <div id="app-container">
    <div id="app-main">
        <h1>Hello World!</h1>
        {{greeting}}
        <input type="button" value="Click" />
    </div>
  </div>
</template>

JavaScript

// then i'm able to get Jr object on client side (anywhere)
console.log(Jr);
于 2013-04-19T06:23:32.757 回答
0

所以初级不会做这个工作！

首先也是最重要的：到目前为止，移动设备上的幻灯片转换仍然非常错误和缓慢。因此，仅在您确实需要它们时才包含它们。如果您仍然在寻找一种在流星项目中进行滑动过渡的方法，我建议您看看：Tom C's transitioner

它不能完美运行，但它是目前最好的解决方案！

于 2013-08-07T04:11:07.330 回答