1

使用 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 屏幕。

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

4

2 回答 2

1

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

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

这可能适用于您的情况，您可能需要调整选择器以使其按您的意愿工作，请在此处阅读更多相关信息。

于 2010-03-02T18:04:00.087 回答
0

是的，过渡效果很好！

但是，在历史中导航仍然行不通。进入 largeImage 面板后，单击“返回”不会执行任何操作...

任何额外的提示？

于 2010-03-03T16:27:24.443 回答