2013-02-16 23 views
0

故事維護一個div跨越jquery的刷新

Live demo

使用jQuery自動刷新功能,它重新加載包含預訂和從數據庫中每5秒清爽信息的特定格的狀態。倒計時剩餘時間OND等..

登記顯示在其中一個簡單列表視圖看起來是這樣的:

pickup: 15:00 from: thisway 53 to: thatway 23 who: Mr. Andersson note: credit card 
pickup: 15:30 from: wayout 33 to: wayoverthere 12 who: Mrs. Morgan note: wheel chair 

問題:

<script> 
var auto_refresh = setInterval(
function(){ $(".refresh").load('?date=<?php echo $_GET['date']; ?>&id=' +Math.random()+ ' .refresh').fadeIn("fast"); 
}, 5000); // refresh every 5 sec 
</script> 

<div class="refresh"> [booking content] 
<a href="#info-113">Show detailed info</a> 
<a href="#cancel-113">Cancel booking</a> 
<div class="info" id="113">Detailed information. information code. This is hidden until requested.</div> 
</div> 
<div class="cancel" id="113">Cancel booking. cancel code. This is hidden until requested.</div> 
</div> 
</div> 

看來不可能以防止每當jquery.div重新加載時toggle.div消失。如果div被請求可見,即使在自動刷新之後,它也需要保持這樣。 (因爲它也handels更新/取消/分配),但似乎jQuery重新加載div內容也刪除一些奇怪的方式標籤。

如果有人能夠幫助我在這裏,我會非常感激,因此,我堅持!

+0

你是說你需要維持整個刷新狀態? – ATOzTOA 2013-02-16 15:03:19

+0

是的,但是當jquery重新加載包含它們的div時崩潰。重新加載div的分歧,howevere,沒有。 – Martin 2013-02-16 15:05:04

+0

即時可怕的解釋。我跳你們得到我的問題。我如何讓jquery瞭解divs狀態應該保持刷新。 – Martin 2013-02-16 15:10:14

回答

0

你也可以用另一種方法做到這一點。將頁面保存在div內的iframe中,並輕鬆使用PHP進行刷新。

+0

好的,你能否給我一個例子? – Martin 2013-02-17 20:34:06