2013-04-17 95 views
1

所以我目前正在研究我的第一個流星應用程序,這將是一個不錯的移動應用程序。 由於它只能在移動設備上運行,因此我想使用Junior Framework來實現經典應用+幻燈片切換的外觀。與流星一起使用Junior Framework(Jr未定義)

它基於backbone.js。

所以我的流星應用程序也已經使用骨幹網,工作得很好。現在的問題是,當我將Junior引入流星計劃時,Junior命名空間(「Jr」)未被定義。

我認爲這有以下原因: 流星總是自動從項目中的任何包裹* .js文件用下面的代碼:

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

這破壞,這導致junior js class的類定義「Jr」沒有定義。

我該如何解決這個問題?我真的需要Junior來使用幻燈片切換和一切。

或者讓我們換一種方式:你知道有什麼方法可以在流星項目中的頁面之間加入幻燈片切換,該項目也使用backbone.js(目前我使用的是標準骨幹路由器+流星的模板。 templatename.var語法)?

謝謝你在前進, 問候

帕特里克

回答

0

你在哪裏把你的CSS + JS的少年?

你應該把所有的第三方的東西,在文件夾中的「公共」(將不會捆綁爲流星JS,但作爲第三方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); 
+0

謝謝您的回答rudovjan!這裏是我當前的文件夾結構:http://i.imgur.com/i7tWJ2e.png 是否真的要姓「公」,所以它是不是跟這個奇怪的包裹「(函數(){...」那又怎樣?你在做什麼,基本上命名我的「客戶」文件夾中的「公共」 ...權利或我必須重新命名我的「LIB」與「小三」文件夾中它BTW文件夾 :??「意見」包含了所有我的。與經由骨幹。 –

+0

喜帕特里克加載查看HTML .js文件,你應該建立在同一級別的客戶端公用文件夾和移動有你的lib目錄。之後,您將能夠通過使用src =「lib/javascripts/modernizr.custom.15848.js」從index.html訪問您的Junior。 –

0

所以大三不會做這個工作!

首先和最重要的是:幻燈片切換仍然非常麻煩,並且在移動設備上的這一日期很慢。所以如果你真的需要他們的話只能包括他們。 如果你仍然在尋找一種在流星項目中有滑動過渡的方法,我建議看看:Tom C's transitioner

它不能很好地工作,但它是迄今爲止最好的解決方案!