2013-02-08 73 views
0

我很喜歡在SECHA觸摸2滑動嵌套列表模式:Javascript或jQuery版本的sencha touch嵌套列表?

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

我已經看到了這個作爲IOS模式,以及,我想知道是否有任何純javascript或jquery的模塊將允許我在sencha觸摸框架之外使用它嗎?

或者,如果沒有,任何模糊的,handwavy想法如何可以實現這個使用html5,css3和javascript(也許jQuery的,如果需要的話)?

我見過不具備滑動效果的jQuery Mobile的嵌套列表 - 不是很爽爲煎茶觸摸版本:)

在此先感謝!

回答

2

退房jQuery Mobile的過渡效果在Docs。它們可以應用到嵌套鏈接列表創建任何你想要的效果

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>