Das Einstellungen-Bedienfeld

Wir haben bislang noch keinen Button definiert, der den Anwender in das EINSTELLUNGEN-Bedienfeld navigieren lässt, also fügen wir einen in die Titelleiste der Hauptseite ein (Abbildung 4.8). Alles was wir dazu brauchen, ist die fett gedruckte Zeile in folgendem Code:

<div id="home">
    <div class="toolbar">
        <h1>Kilo</h1>
        <a class="button flip" href="#settings">Einstellungen</a>1
    </div>
    <ul class="edgetoedge">
        <li class="arrow"><a href="#dates">Daten</a></li>
        <li class="arrow"><a href="#about">&Uuml;ber Kilo</a></li>
    </ul>
</div>

1 In dieser Zeile wird der Button eingefügt. Beachten Sie, dass ich dem Link die Klasse flip zugewiesen habe. Sie weist jQTouch an, dass die Animation von der Hauptseite zum EINSTELLUNGEN-Bedienfeld ...

Get iPhone Apps mit HTML, CSS und JavaScript now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial