0

私はsechatouch2のスライド式ネストリストパターンが本当に好きです:

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

私はこれをiOSパターンとしても見ましたが、sencha touchフレームワークの外でこれを使用できる純粋なjavascriptまたはjqueryモジュールがあるかどうか疑問に思いましたか?

または、そうでない場合は、html5、css3、およびjavascript(および必要に応じてjquery)を使用してこれを実装する方法についての漠然とした手に負えないアイデアはありますか?

スライド効果のないjquerymobileのネストされたリストを見たことがあります-senchatouchバージョンほどクールではありません:)

前もって感謝します!

4

1 に答える 1

2

ドキュメントで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>
于 2013-02-08T19:03:42.443 に答える