javascript - jQuery 选项卡和滑动效果 - 不能一起使用

Question

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

看这里 - www.imterkel.com/test/index.html
不要惊慌。耶稣般的缩略图只是谷歌的一个虚拟图像。

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

Answer 1

我不完全确定为什么 - 但是将点击绑定上的选择器更改为$("#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); 
});