我有我的頁面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。 我在這裏錯過了什麼嗎?
它們會切換,例如,請參閱http://jsfiddle.net/mgxv5/1/。你確定你的HTML代碼有效嗎? – Harmen 2010-05-13 18:09:14
只是爲了理智,你可以做'$('#rpttimeline,#rptareaview,#rptgalleria,#rptremainingwork,#rptremainingspec,#rptremainingreq,#rptremaininguserstory')。toggle();'或可能'$(「div [id^= rpt]「)。toggle();' – 2010-05-13 18:14:04
@Nick:謝謝你的提示。 – stackoverflowuser 2010-05-13 19:48:51