Question

使用jqTouch进行更多操作，并且遇到了应该链接到单独页面的图像问题。

我的代码是

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

因此，似乎jqTouch无法识别包裹在图像周围的锚点。如果我将它们放在无序列表中 - 它的行为符合预期，页面将转换到#largeImage屏幕。

知道如何在不使图像成为无序列表的情况下使其工作吗？

Answer 1

您是否尝试控制幻灯片转换？您可能想尝试使用不同的“SlideSelector”选项初始化jQTouch：

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

这可能适用于您的情况，您可能需要使用选择器进行调整以使其按预期工作，read more about it here.

Answer 2

是的，过渡工作正常！

但是，仍然在历史中导航不起作用。进入largeImage面板后，单击Back不做任何事情......

还有其他提示吗？

jqTouch - 使图像触发动画，而不是<li> </li>

2 个答案: