jQuery Tabs和滑動效果-不能一起使用

Question

你好
我正在一個需要垂直標簽系統的網站上工作。 我還有一個箭頭圖像，指示用戶單擊了哪個選項卡/縮略圖。 箭頭應在兩個縮略圖之間滑動。 在這里看看：

在這里查看-www.imterkel.com/test/index.html
不要驚慌。 像耶穌一樣的縮略圖只是Google的虛擬圖像。

我的標簽正在工作。 而且我有滑動箭頭可以工作。 但是，當我將它們結合在一起時，它是行不通的。 我還嘗試了其他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); 
});