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>

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

4

1 回答 1

1

如果这就是你所有的 HTML，那么你会丢失一大堆 CSS 文件等。你能分享一个 JS fiddle 或更长的代码示例吗？您没有收到任何 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

于 2013-04-17T14:13:12.103 回答