jqTouch - 让图像触发动画,而不是
  • 发布于 2024-08-23 07:49:36 字数 892 浏览 3 评论 0原文

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

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

    Playing around a bit more with jqTouch and am running into a problem with images that should link to a separate page.

    My code is

    <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, jqTouch doesn't recognize the anchors wrapped around the images, it seems. If i put those in an unordered list - it behaves as expected, and the page transitions to the #largeImage screen.

    Any idea how to get this to work without making the images an unordered list?

    如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

    扫码二维码加入Web技术交流群

    发布评论

    需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

    评论(2

    沙与沫 2024-08-30 07:49:36

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

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

    这可能适合您的情况,您可能需要调整选择器以使其按您想要的方式工作, google.com/p/jqtouch/wiki/Animations" rel="nofollow noreferrer">在此处了解更多相关信息。

    Are you trying to control the slide transition? You may want to try initializing jQTouch with a different "SlideSelector" option:

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

    This might work in your case, you may need to tweak around with the selector to make it work as you want, read more about it here.

    情深缘浅 2024-08-30 07:49:36

    是的,过渡效果很好!

    但追溯历史仍然行不通。
    一旦进入大图像面板,单击“后退”将不会执行任何操作...

    还有其他提示吗?

    Yes the transition works fine!

    But still, navigating back in the history does not work.
    Once you are in the largeImage Panel, clicking on Back does nothing...

    Any additional hint?

    ~没有更多了~
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文