所以我目前正在开发我的第一个 meteor 应用程序,这将是一个很好的移动应用程序。 由于它只能在移动设备上运行,我想使用 Junior Framework实现经典应用程序 + 幻灯片切换的外观和感觉。
它基于backbone.js。
所以我的 meteor 应用程序也已经使用了主干并且工作得很好。现在的问题是,当我将 Junior 包含到 Meteor 项目中时,Junior 命名空间(“Jr”)未定义。
我认为有以下原因: Meteor 始终使用以下代码自动包装项目中的任何 *.js 文件:
(function(){ ... }).call(this);
这会破坏 junior js class 的类定义这导致“Jr”未定义。
我该如何解决这个问题?我真的需要 Junior 使用幻灯片切换和一切。
或者让我们换个方式说:你知道有什么方法可以在同样使用backbone.js的meteor项目中包含页面之间的幻灯片转换吗(目前我正在使用标准的backbone路由器+Meteor的Template.templatename) .var 语法)?预先感谢您, 最好的问候
帕特里克
最佳答案
你把初级版的 CSS + JS 放在哪里?
您应该将所有这些第 3 方内容放入文件夹“public”中(它将不会捆绑为meteor 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);
关于javascript - 将 Junior Framework 与 Meteor 结合使用(Jr 未定义),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16068628/