在幻灯片中使用多个div刷新

时间:2013-11-07 06:15:31

标签: javascript html coldfusion coldfusion-9

我使用下面的代码刷新另一种形式的多个div但这只适用于同一个div多次。如果我的解释不正确,请检查代码。

<script type="text/javascript"> 
window.setInterval(function(){$('#div4,#div1').load('exp1.cfm')}, 1000);
</script> 

我使用滑块滑动图表。我将div保存在名为newslider1.cfm的形式中,并包含在主窗体slider.cfm中。所以它的工作,但我需要每2秒更新div中的数据,而不会打扰主页上的幻灯片。但是,使用此代码我一次只刷新一个div而不是更多。这是我正在使用的代码:

主页代码:

<div class="container"> 
    <div id="slides">
        <cfinclude template="newslider1.cfm">
    </div>
</div>

脚本: 我之前使用过这个,但它只适用于一个div:

window.setInterval(function()$('#div1,#div2,#div3').load('newslider1.cfm');},1000);

立即: 我试过这个,但它只适用于一个div

<script type="text/java script">    
var Count = 0;
window.setInterval(function(){change()}, 2000);

function change()
{       
    if (Count >= 4)
    {
        Count = 0;
    }
    else
    {
        Count = Count + 1;
        var newdiv = "div" + Count; 
        $("#"+newdiv).load("newslider1.cfm");
    }
}
</script> 

子页面代码:

<div id="div1">content 1 here</div>
<div id="div2">content 2 here</div>
<div id="div3">content 3 here</div>

1 个答案:

答案 0 :(得分:0)

This is the script working fine ,Insted of the previous one.
     <script type="text/javascript">    
     window.setInterval(function(){
    $('#div1').load('UpdatingSlider.cfm #div1');
    $('#div2').load('UpdatingSlider.cfm #div2');
    $('#div3').load('UpdatingSlider.cfm#div3')},2000);

    </script>