2011-07-22 131 views
0

我目前大部分的頁面和代碼工作,但是,我很難在這個jQuery動畫部分。我正在使用標籤,並且<div>的內容根據點擊的標籤而變化。然而,這個工作,內容應該滑出並改變。相反,它只是在沒有動畫的情況下立即改變。我已經把它放入jFiddle中,但我無法弄清楚它爲什麼不起作用。由於我似乎無法正確顯示頁面,如果我只是刪除與此特定問題相關的代碼,我不得不將整個HTML和CSS代碼插入到jFiddle中。我用這個教程作爲創建滑動特徵的指南,沒有滑動: http://www.queness.com/post/655/jquery-moving-tab-and-sliding-content-tutorialJQuery滑動似乎並不工作

這裏是jFiddle代碼:http://jsfiddle.net/LxjN2/1/

的想法是有箱內文本滑出。但由於某種原因,它不起作用。任何幫助表示讚賞。

+0

http://roko.x10.mx/xcSlider/類似的東西? –

回答

2

的問題是,你不包括scrollTo插件,該教程包括here

我更新了你的提琴:http://jsfiddle.net/LxjN2/9/

另外請注意,當你創建一個小提琴是,把你的JavaScript JavaScript部分有助於更清晰地看到事物。把它放回html中,只需將JavaScript面板中的所有內容添加到您的document.ready()即可。

+0

謝謝。我完全錯過了教程。 – Michael

1

@citizen是正確的。稍加解釋:

它工作的原因是scrollToreturn false之前爆炸。由於return false從未運行,允許執行默認點擊功能,該功能將移至href中的錨點。這就是它即刻出現的原因。

+0

感謝您的補充說明。 – Michael