Question

我正在测试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>

我的控制台没有错误。什么可能导致这个问题？提前谢谢。

Answer 1

如果这是你的所有HTML，那么你就错过了一大堆CSS文件等等。你能分享一个JS小提琴或更长的代码示例吗？你没有得到任何JS错误的方式意味着你可能会错过一些CSS。另外，您使用的是什么版本的Lungo？你是怎么得到它的？

很多问题:)但是，我刚刚创建了一个基本的Lungo JSfiddle - http://jsfiddle.net/otupman/vz59n/ - 尝试一下，看看它是否有效。在“外部资源”部分，您将找到CSS＆amp; 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

lungo框架不适用于示例代码

1 个答案: