跨越jquery刷新维护div的状态

时间:2013-02-16 15:02:14

标签: php jquery html html5

故事

Live demo

我使用jQuery auto_refresh函数,该函数每5秒重新加载一个包含数据库中的预订和刷新信息的特定div。倒计时剩余时间......

预订显示在列表视图中,简化如下:

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内容时也会以某种奇怪的方式删除主题标签。

如果有人能帮我解决这个问题,我会非常感激,我很好,所以卡住了!

1 个答案:

答案 0 :(得分:0)

您也可以通过其他方式执行此操作。将您的页面保存在div中的iframe中,并使用PHP轻松刷新它。