Frage

Beim Spielen um ein bisschen mehr mit jQTouch und leitet in ein Problem mit Bildern, die auf eine andere Seite verknüpfen sollen.

Mein Code ist

<div id="home" class="current">
<div class="toolbar">
    <h1>Title</h1>
    <img src="images/logo.png" />
</div>
<div class="images">
    <a href="#largeImage"><img src="/images/thumbnail_1.jpg" /></a>
    <a href="#largeImage"><img src="/images/thumbnail_2.jpg" /></a>
    <a href="#largeImage"><img src="/images/thumbnail_3.jpg" /></a> 
</div>
</div>
<div id="largeImage">
<div class="toolbar">
    <h1>Large Image</h1>
    <a class="back" href="#">Back</a>
</div>
<div>Large Image will be loaded here</div>
</div>

So hat jQTouch nicht die Anker um die Bilder eingewickelt erkennen, wie es scheint. Wenn ich die in einer ungeordneten Liste setzen -. Er verhält sich wie erwartet, und die Seitenübergänge zum #largeImage Bildschirm

Jede Idee, wie diese zur Arbeit kommen, ohne dass die Bilder eine ungeordnete Liste zu machen?

War es hilfreich?

Lösung

Wollen Sie die Folie Übergang zu kontrollieren? Möglicherweise möchten Sie jQTouch mit einem anderen „SlideSelector“ Option, um versuchen zu initialisieren:

$.jQTouch({slideSelector: "body > * > div a"})

Dies könnte Arbeit in Ihrem Fall, müssen Sie möglicherweise mit dem Wähler zwicken um, damit es funktioniert, wie Sie wollen, lesen sie mehr hier.

Andere Tipps

Ja der Übergang funktioniert gut!

Aber noch in der Geschichte der Navigation zurück funktioniert nicht. Sobald Sie in der largeImage Panel befinden, auf Zurück zu klicken, tut nichts ...

Zusätzlicher Hinweis?

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top