Javascript 部门不';t形开关
我的页面上有以下divJavascript 部门不';t形开关,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我的页面上有以下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</d
<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>
调用toggledivs
时,前两个div被隐藏,但其他div不可见。似乎切换只影响了前两个div。
我是不是遗漏了什么
当toggledivs被称为第一个
两个div被隐藏,但另一个div被隐藏
不可见。这似乎是一个开关
只影响了前两个div。
我是不是遗漏了什么
好吧,我认为jquery的切换很好。前两个div可见,但当调用toggle时,它们都被隐藏,其他div最初显示为打开状态,当调用toggle时,它们被隐藏
提示:例如,尝试在
ready
处理程序中使用jquery隐藏或显示,以便jquery记住其初始显示设置。它们确实会切换,请参阅示例。你确定你的HTML代码是有效的吗?为了保持理智,你可以在这里执行$(''rptimeline,'rptareaview,'rptremainingwork,'rptremainingspec,'rptremainingreq,'rptremaininguserstory')。切换()
或可能的$(“div[id^=rpt]”)。toggle()代码>
$(document).ready(function () {
window.setInterval(toggleDivs, 5000);
});
function toggleDivs() {
$('#rpttimeline').toggle();
$('#rptareaview').toggle();
$('#rptgalleria').toggle();
$('#rptremainingwork').toggle();
$('#rptremainingspec').toggle();
$('#rptremainingreq').toggle();
$('#rptremaininguserstory').toggle();
}