如何解决 jQuery 滚动问题?

发布于 2024-10-06 13:55:11 字数 292 浏览 6 评论 0原文

有人可以帮我解决一个小错误吗?这是演示:http://dev.template-tuners.com/custom-slider/

当鼠标悬停在第三个项目上时,将具有“活动”类别并保持打开状态。但如果向右滚动,第一次单击可以,但第二次单击将从头开始返回。

另外,如果第二项处于活动状态,则单击下一个箭头,没有任何移动:(

为什么?

谢谢!

Can someone help me with a small bug, pls? Here’s the demo: http://dev.template-tuners.com/custom-slider/

When hover on 3rd item will have “active” class and remains opened. But if scroll to right, first click is ok, but on 2nd click returns from begining.

Also if 2nd item is active, on click next arrow, no movement :(

Why?

Thanks!

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

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

发布评论

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

评论(2

只是偏爱你 2024-10-13 13:55:11

根据我的测试,一切都很好。当我单击滚动时,最后一个活动图像(较高的图像)在左右滚动时处于正确的索引中。我都点击了几次。
我正在使用 Firefox

,但它有故障。也许禁用点击时活动会有所帮助。因为当我连续点击图像时有点奇怪

based on my test, everything fine. when i click scroll the last active image(taller image) is in correct index on both scroll left and right. and i clicked both for several times.
i'm using firefox

but it has glitch. maybe disabled active on click would help. becus when i click on image continuously its kinda weired

怎言笑 2024-10-13 13:55:11

还可以单击显示标题,如果您在代码中看到每个项目都有一个 div.caption
现在单击滑块正在移动..

<li>
    <a href="javascript:void(0);" title=""><img src="thumb.jpg" alt="" /></a>
    <div class="caption">
        <h2>Coat with Knitted Collar</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ante tellus, molestie ut eleifend nec, lobortis non nisi. Sed quis lacus quis turpis auctor.</p>
        <a href="#" title="">View Composition and care</a>
    </div>
</li>

also on click to show a caption, if you see in code there's a div.caption for every item:
Now on click the sliders is moving..

<li>
    <a href="javascript:void(0);" title=""><img src="thumb.jpg" alt="" /></a>
    <div class="caption">
        <h2>Coat with Knitted Collar</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ante tellus, molestie ut eleifend nec, lobortis non nisi. Sed quis lacus quis turpis auctor.</p>
        <a href="#" title="">View Composition and care</a>
    </div>
</li>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文