1

モバイルウェブアプリ用のhtml5画面を作成しました。ページにアクションを追加したい。つまり、任意のボタンをタップすると、関連するhtmlページは次の例のようになります。

http://elsies.appclerk.com/

開発前にデモ用に表示する必要のあるナビゲーションのフロー。簡単なプロセスの方法はありますか？私に提案してください。

編集： [jsfiddle]（http://jsfiddle.net/4cKhC/"> htmlコード）を確認してください。
そこで、戻るボタンをタップすると、新しいページまたは別のページが上記のURLのように表示されます（スライダー効果） 。

4

1 に答える 1

1

プロトタイピングのみに関心がある場合は、 jQuery Mobileマークアップを使用して簡単に (ある程度) 実現できます。

次のように jQM ページを宣言できます。

<div id="contacts" data-role="page">
<div data-role="header">
    <h1>Contacts</h1>
    <a href="#" data-rel="back" data-icon="arrow-l" data-transition="slide">Back</a>
</div>
<div data-role="content">
    <ul data-role="listview" data-filter="true">
        <li data-role="list-divider">Colleagues</li>
        <li><a href="#alan" data-transition="slide">
            <img src="images/person.png">
            <h1>Alan Ayckbourn</h1>
            <p>Available</p>
        </a></li>
    </ul>
</div>

JavaScript および (または) サーバー サイド スクリプト (php など) を追加すると、それを実際のアプリケーションに変えることができます。

これがあなたのための3ページのモックアップです。
リストの最初の項目Alan Ayckbournはクリック可能です。

于 2013-01-05T19:21:05.920 に答える