2011-06-06 50 views
0

我正在製作本網站,我想在主頁上顯示報價,並在其他頁面上隱藏該報價。我使用WordPress來製作這個網站。jQuery/WP - 動畫取決於不同的頁面

所以,我在想WP函數is_home()和比使用jQuery函數,但沒有奏效。

這可能很簡單。我只是想要一個動畫效果,文本消失了,它所在的div縮小了一點。當然在'家'時反之亦然。

回答

1

我在想的WP功能is_home(),比使用jQuery的功能,但

你嘗試is_front_page()沒有工作?我認爲這將是理想的選擇,只有當你想要顯示引用時,引用引用容器的jQuery代碼當然只在它所針對的容器位於頁面上時才起作用。

+1

謝謝!這工作:)現在我只需要做一個'流暢的'jQuery動畫,而不是'硬'的高度變化。你有一個想法如何做到這一點? – priktop 2011-06-06 21:08:31

+0

我現在有這樣的:'<腳本類型= 「文本/ JavaScript的」> \t \t <如果PHP(is_front_page()){?> \t \t \t \t \t $( 「#動畫」)動畫({分鐘。 -height:「140px」},500); \t <?php} else {?> \t \t \t $(「#animation」)。animate({min-height:「35px」},500); \t \t \t'但像預期的那樣,不工作... – priktop 2011-06-06 21:47:55

+0

@priktop - 的想法見http://api.jquery.com/animate/;不管你使用哪種效果/動畫,當頁面第一次加載時,它可能看起來有點生氣。您可能希望以JavaScript爲焦點開始另一個問題,並將http://jsfiddle.net/與當前的HTML和JavaScript代碼一起使用,然後人們可以使用它們爲您提供改進的動畫。 – stealthyninja 2011-06-06 22:02:15