0

物語

ライブデモ

jQuery の auto_refresh 関数を使用して、予約を含む特定の div をリロードし、5 秒ごとにデータベースから情報を更新します。残り時間のカウントダウンなど..

予約は、次のように簡略化されたリスト ビューに表示されます。

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 を表示するように要求された場合は、自動更新後もそのままにしておく必要があります。(更新/キャンセル/割り当ても処理するため)しかし、divコンテンツのリロード中にjQueryが奇妙な方法でハッシュタグも削除しているようです。

誰かがここで私を助けてくれたら、とても感謝しています。

4

1 に答える 1

0

これを別の方法で行うこともできます。ページを div 内の iframe に保持し、PHP を使用して簡単に更新します。

于 2013-02-16T16:15:49.220 に答える