2011-11-07 14 views
1

有沒有使用Lungo.JS的例子?使用Lungo.JS的例子

我想開始開發移動內容的WebApp ......並且我找到http://lungo.tapquo.com/,但我似乎無法找到示例。

在此先感謝

+0

但使用PhoneGap的是需要使用HTML5和JS太...我thougt該phonegap是一個包裝使用html5在設備上使用其功能...我lije的Lungoaproach ...我需要測試它... – NeoMorfeo

+0

從我所看到的,Lungo做的PhoneGap所做的相同的事情,只是它的功能較少,沒有人聽說過它。而且它的文檔也很少。 – 2011-11-07 13:14:44

+0

@Muu請幫助我,因爲我看到phonegap,只是一個js庫在手機上使用html(webapp),但沒有結構化應用程序結構代碼或用戶界面來查看,例如列表,例如Lungo .JS確實......(我認爲Lungo比電話更接近Jquery Mobile) – NeoMorfeo

回答

5

您在這裏有一個HOWTO ..

http://lungo.tapquo.com/documentation/

很容易使測試樣品..

1 - 上\程序\ app.js (...)

2 - 刪除測試部分並粘貼此完整示例(基於howto):

<section id="main"> 
     <header data-title="Title of section"></header> 
     <article id="first_article"></article> 
     <article id="second_article" class="list"> 
      <scroll id="main_scroll"> 
      <ul> 
       <li data-icon="user"> 
        <strong>@soyjavi</strong> 
        <small>Author of @Lungojs</small> 
       </li> 

       <li data-icon="user"> 
        <strong>@pasku1</strong> 
        <small>Contributor of @Lungojs</small> 
       </li> 

       ... 
      </ul> 
     </scroll> 
     </article> 

     <footer class="toolbar"> 
      <nav> 
       <a href="#first_article" class="article" data-icon="home"></a> 
       <a href="#second_article" class="article" data-icon="user"></a> 

       <!-- This link is to view a different section --> 
       <a href="#second" class="section" data-icon="right"></a> 
      </nav> 
     </footer> 
    </section> 

    <section id="second"> 
     <header data-back="home blue"></header> 
     <!-- content --> 
    </section> 

3-如果你想要更多,有截屏:http://vimeo.com/user9162294

[編輯]

4 - 我所看到的,有在GitHub上的例子:https://github.com/TapQuo/Lungo.js/tree/master/examples

+1

這是一個很好的起點,謝謝@Iker。 – NeoMorfeo

+1

您可以通過href =「#

」在「sections」和「articles」之間導航,並用class =「
」標記鏈接,您可以使用JS api太:http://www.lungojs.com/api/#doc-router-section – Iker