当前位置：文江博客话题详情

jQuery 选项卡和滑动效果 - 不能一起工作

发布于 2024-10-19 12:59:20 字数 336 浏览 1 评论 0原文

嗨，
我正在开发一个需要垂直选项卡系统的网站。我还有一个箭头图像，指示用户单击了哪个选项卡/缩略图。箭头应在两个缩略图之间滑动。看这里：

看这里 - www.imterkel.com/test/index.html
别惊慌。像耶稣一样的缩略图只是来自 Google 的虚拟图像。

我已经让标签正常工作了。我已经让滑动箭头起作用了。但是当我将它们结合起来时，它不起作用。我还尝试过其他 jQuery Tab 插件。

原文

分享到QQ

分享到微博

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

发布评论

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

我早已燃尽 2024-10-26 12:59:20

我不完全确定为什么 - 但将点击绑定上的选择器更改为 $("#thumbs li a") 并从父级获取顶部位置似乎可行。我的猜测是 $.idTabs 插件正在取消该事件。

http://jsfiddle.net/neonsilk/Abq8F/

// Hook up the click event
$("#thumbs li a").click(function() {
    // Get position of current image
    arrow.stop().animate({'top' : $(this).parent().position().top }, 500); 
});

I'm not entirely sure why — but changing the selector on the click binding to $("#thumbs li a") and grabbing the top position from the parent seems to work. My guess is that the $.idTabs plugin is canceling the event otherwise.

http://jsfiddle.net/neonsilk/Abq8F/

// Hook up the click event
$("#thumbs li a").click(function() {
    // Get position of current image
    arrow.stop().animate({'top' : $(this).parent().position().top }, 500); 
});

回复收藏 0 原文

~没有更多了~