2010-05-13 53 views
2

我有我的頁面Div時不切換

<div id="rpttimeline">div 1</div> 
<div id="rptareaview">div 2</div> 
<div id="rptgalleria">div 3</div> 
<div id="rptremainingwork">div 4</div> 
<div id="rptremainingspec">div 5</div> 
<div id="rptremainingreq">div 6</div> 
<div id="rptremaininguserstory">div 7</div> 

在以下的div最初通過CSS我有第一兩個div設置爲可見,其餘的將被隱藏。

在我的文檔準備功能我有

$(document).ready(function() { 
      window.setInterval(toggleDivs, 5000); 
     }); 

function toggleDivs() { 

      $('#rpttimeline').toggle(); 
      $('#rptareaview').toggle(); 
      $('#rptgalleria').toggle(); 
      $('#rptremainingwork').toggle(); 
      $('#rptremainingspec').toggle(); 
      $('#rptremainingreq').toggle(); 
      $('#rptremaininguserstory').toggle(); 
} 

toggledivs被稱爲第一兩個div獲得隱藏的,但其他的div是不可見的。看起來切換正在影響前兩個div。 我在這裏錯過了什麼嗎?

+1

它們會切換,例如,請參閱http://jsfiddle.net/mgxv5/1/。你確定你的HTML代碼有效嗎? – Harmen 2010-05-13 18:09:14

+2

只是爲了理智,你可以做'$('#rpttimeline,#rptareaview,#rptgalleria,#rptremainingwork,#rptremainingspec,#rptremainingreq,#rptremaininguserstory')。toggle();'或可能'$(「div [id^= rpt]「)。toggle();' – 2010-05-13 18:14:04

+0

@Nick:謝謝你的提示。 – stackoverflowuser 2010-05-13 19:48:51

回答

2

當toggledivs被稱爲第一個 兩個div被隱藏但其他div 不可見。看起來切換 隻影響前兩個div。 我在這裏錯過了什麼嗎?

嗯,我認爲jquery切換正常。你可以看到前兩個div,但是當調用切換時,它們都被隱藏起來,並且最初顯示了其他div,當切換被調用時,它們變爲隱藏。

提示:嘗試隱藏或顯示與jquery在ready處理程序例如,以便jquery記得他們的初始顯示設置。

+0

賓果!這樣可行。謝謝薩夫拉茲。 – stackoverflowuser 2010-05-13 18:13:39

+0

@stackoverflowuser:不客氣:) – Sarfraz 2010-05-13 18:15:35