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

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

在 Docs 中查看 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>