Junior Mobile FW - 從html加載意見

Question

我剛剛開始一個新項目Junior。

我覺得這很簡單，但真正困擾我的是視圖（意思是頁面的內容）目前只是一個很長的JS字符串，這太可怕了。

我無法構建我的移動應用程序，因爲我需要爲每個頁面使用其自己的JS腳本和東西的單個HTML文件。

我之前使用過jQuery Mobile，但是我很討厭設計一個JQ Mobile App，因爲我必須覆蓋非常多的從頭開始，當然這不是一個優雅的解決方案。

所以我的問題是：

你知道有什麼好的方式來加載每一頁我的移動應用程序中的內容？ Ajax不起作用（即使在async：false模式下）它總是給我未定義。

這裏是腳本大三用於加載的觀點：JS

希望有人能幫助！ :-)

btw：jQuery Mobile只是做我想做的事情（它通過ajax將其他視圖加載到div中，並在它準備就緒時進行轉換。）但是，我不想使用jQMob，因爲這個可怕的CSS問題。

問候 帕特里克

Answer 1

你可以使用underscore's microtemplating solution從DOM中加載模板：

// In your HTML: 
<script type="text/template" id="myPageTemplate"> 
    <div id="myPage"> 
    <p>Hello!</p> 
    </div> 
</script> 

然後你就可以在javascript這樣加載它們，並得到相同的結果，但保持標記在html中：

var template = _.template($('#myPageTemplate').html() , {}); 

有很多類似的模板解決方案，但過程加載它們並編譯它們往往非常相似。其它解決方案，您可以艾克看一看：

• Handlebars
• Moustache