javascript - sencha touch 嵌套列表的 Javascript 或 jquery 版本？

Question

我真的很喜欢 secha touch 2 中的滑动嵌套列表模式：

http://senchalearn.github.com/Nested-list-demo/

我也将其视为 ios 模式，我想知道是否有任何纯 javascript 或 jquery 模块可以让我在 sencha touch 框架之外使用它？

或者，如果没有，关于如何使用 html5、css3 和 javascript（如果必要的话可能还有 jquery）来实现这一点的任何模糊的、随意的想法？

我见过没有滑动效果的 jquery 移动嵌套列表 - 不像 sencha touch 版本那么酷:)

提前致谢！

Answer 1

查看文档中的 jQuery 移动过渡效果。它们可以应用于嵌套列表链接以创建您想要的任何效果

http://jsfiddle.net/k5ZG8/

<div data-role="page" id="main">
<div data-role="header">main</div>
<div data-role="content">
    <ul data-role="listview">
        <li><a href="#other" data-transition="slide">other</a></li>
    </ul>
</div>
</div>
<div data-role="page" id="other">
<div data-role="header">other</div>
<div data-role="content">
    <ul data-role="listview">
        <li><a href="#main" data-transition="slide">main</a></li>
    </ul>
</div>
</div>