物語
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が奇妙な方法でハッシュタグも削除しているようです。
誰かがここで私を助けてくれたら、とても感謝しています。