Pregunta

Al jugar un poco más con jQTouch y estoy corriendo en un problema con las imágenes que se deben vincular a una página separada.

Mi código es

<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>

Así, jQTouch no reconoce los anclajes envueltos alrededor de las imágenes, parece. Si pongo los de una lista desordenada -. Se comporta como se esperaba, y las transiciones de página a la pantalla #largeImage

Cualquier idea de cómo conseguir que esto funcione sin hacer las imágenes una lista desordenada?

¿Fue útil?

Solución

¿Estás tratando de controlar la transición de diapositivas? Es posible que desee para tratar de inicializar jQTouch con una opción de "SlideSelector" diferente:

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

Este trabajo podría, en su caso, es posible que tenga que modificar un poco con el selector para que funcione como desee, leer más sobre esto aquí.

Otros consejos

Si la transición funciona bien!

Pero aún así, navegar hacia atrás en la historia no funciona. Una vez que esté en el Panel largeImage, al hacer clic en Atrás no hace nada ...

Cualquier indicio adicional?

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top