2012-03-07 117 views
0

可以說我的頁面上有3個div。刷新同一頁上的多個Div

<div id='1'></div> 

<div id='2'></div> 

<div id='3'></div> 

目前我使用這個新鮮的一個DIV:

auto_refresh = false; 
if (auto_refresh === false) { 
    auto_refresh = setInterval(function(){$('#1').load(thisurl + '&timer=' + new Date().getTime() + ' #1');}, 5000); 
} else { 
    clearInterval(auto_refresh); auto_refresh = false; 
} 

我想刷新DIV 1和2每5秒,但不是的div 3.我如何能做到這一點使用jQuery ?另外需要補充的是,DIV的ID是動態的。

+0

而且[你有什麼嘗試?](http://mattgemmell.com/2008/12/08/what-have-you-tried/) – 2012-03-07 20:40:25

+0

'setInterval':https://developer.mozilla.org/en/ window.setInterval。此外,HTML ID不應以數字或特殊字符開頭。 – Jasper 2012-03-07 20:40:28

+0

定義「刷新」以及刷新數據的來源和格式 – charlietfl 2012-03-07 20:41:10

回答

1

就像人們提到的那樣,你想用setInterval。刷新一些但不是全部的一種方法是使用class選擇器,而不是使用id。如果您必須使用ID,那麼您需要使用一些規則來排除該第三個div。

然後我會把你的刷新邏輯放到一個函數中,並從setInterval裏面調用函數。

+0

好的建議,我可能只需要爲需要刷新的div創建一個類。謝謝。 – DanielOlivasJr 2012-03-07 20:49:38

0

使用setInterval功能:

setInterval(function() 
      { 
       $('#1').fadeOut('slow').load('your url').fadeIn("slow"); 
       $('#2').fadeOut('slow').load('your url').fadeIn("slow"); 
      } 
      , 5000); 
+0

如果我有一個需要刷新Div的數組,我該如何使用它? – DanielOlivasJr 2012-03-08 17:27:47

0

就只是選擇它們,基於(缺乏其他的)結構,你可以類他們,抓住「兩個率先」:

<div class="c" id='1'>1</div> 
<div class="c" id='2'>2</div> 
<div class="c" id='3'>3</div> 

<script type="text/ecmascript"> 
$(document).ready(function() { 

    $('div.c:lt(2)').html("updated"); 

}); 
</script