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

时间:2011-03-01 18:07:06

标签: javascript jquery tabs sliding

您好,
我正在一个我需要垂直标签系统的网站上工作。我还有一个箭头图像,指示用户点击了哪个标签/缩略图。箭头应在两个缩略图之间滑动。 看看这里:

Look here - www.imterkel.com/test/index.html
不要吓坏了。类似耶稣的缩略图只是谷歌的虚拟图像。

我的标签工作正常。我有滑动箭头工作。但是,当我将这些结合起来时,它不起作用。我也尝试过其他jQuery Tab插件。

1 个答案:

答案 0 :(得分:0)

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