2013-04-05 3 views
1

Я тестирую рамки lungo, и, читая их примеры (http://lungo.tapquo.com/howto/prototype), он не работает.Лёгкое каркас не работает с примером кода

Я использую свой код скелета:

<body class="app"> 

<section id="main" data-transition=""> 
    <article id="main-article" class="active"> 
     test. 
    </article> 
</section> 

<script src="components/quojs/quo.js"></script> 
<script src="components/lungo/lungo.js"></script> 

<script type='text/javascript'> 
    Lungo.init({ 
     name: 'example' 
    }); 
</script> 

</body> 

У меня нет никаких ошибок в моей консоли. Что может быть причиной проблемы? Спасибо заранее.

+0

определить * не работает *. – Raptor

+0

определить? что вы имеете в виду? –

+0

Что отображается на экране? Я знаю, что у вас нет ошибок, но есть ли что-нибудь на экране? – Raptor

ответ

1

Если это ваш HTML-код, вам не хватает целых кусков файлов CSS и т. Д. Не могли бы вы поделиться скриптом JS или более длинным примером кода? То, как вы не получаете никаких ошибок JS, означает, что вам может не хватать CSS. Кроме того, какую версию Lungo вы используете? Как вы его получили?

Много вопросов :) Тем не менее, я создал базовый Lungo JSfiddle некоторое время назад - http://jsfiddle.net/otupman/vz59n/ - попробуйте и посмотрите, работает ли он. В разделе «Внешние ресурсы» вы найдете CSS & JS, в который я включаю, чтобы он работал.

Простой код, я использую (как S/O не позволит мне разместить ссылку JSFiddle без кода) просто выглядит следующим образом:

<section id="main" > 
    <header data-title="JsFiddle Lungo"> 
     <nav class="left"> 
      <a data-icon="home"></a> 
     </nav> 
    </header> 
    <article class="active" id="first_article"> 
     <strong>Simple Example</strong> 
     <a href="#second_article" data-router="article">Second article</a> 
     <br/> 
     <a href="#second_section" data-router="section">Second section</a> 
    </article> 
    <article id="second_article"> 
     <strong>Second article</strong> 
     <a href="#first_article" data-router="article">First article</a> 
     <br/> 
     <a href="#second_section" data-router="section">Second section</a> 
    </article> 
</section> 

Все CSS/JS файлы поступают из Пример Lungo, например, один CSS - http://lungo.tapquo.com/example/components/lungo/lungo.css

Смежные вопросы