クリックでdivをリフレッシュするページ

Question

私は頭の上のもので遊んでいますが、必死に学習しようとしています。

私はjqueryを使用して管理ページを持っています。別のページを表示する隠しdivを表示します。

私はこの使用して行います。

$(document).ready(function(){ 
    $("a#fadeoutblog").click(function(){ 
    $("#page").fadeTo("slow",0.25) 
    $("#terms4").fadeIn("slow") 
    $("#back2").fadeIn("slow") 
    $("#terms4").load("blogpageload.php") 
    }); }); 

のでterms4は、管理ページのdiv要素があり、それがページblogpageload.phpをdiplays！

このページでは、本当にシンプルなブログのすべての投稿を表示する表です。「a」タグを投稿し、「a」タグを承認します（承認された列をデータベースの「Y」に設定するだけです） ）。私が望むのは、このdiv内のページが、テーブル内の投稿が削除されたとき（または、削除 'a'タグがクリックされたとき）にリフレッシュすることです。問題は、削除 'a'タグをクリックするとammendblogdatabase.phpページに送られて投稿が削除されることです！

複数の方法を試しましたが、すべて問題があります。

問題を引き起こしていることそれは、ユーザが最初に停止するようにjqueryのを使用して別のタグをクリックする必要がありますページが含まれ、このdiv要素を表示することで、本体部「表示：なしを;」。これは、削除ボタンで表のセル内の情報をある

イムあなたが見るが、質問してくださいする必要があるかもしれませんどのようなコードわからないが...：

echo "<a id='refreshblog' href='deleteblogentry.php?username=".$usn."&timeleft=".$tml."'>Delete</a>"; 

ありがとうございました！

Answer 1

あなたが最も可能性の高い抱えている問題は、「未来」の要素（がページになりますが、まだていないということなどの要素）に結合されます。これを回避するには、.on()を使用してこれを避けることができます。

$('#terms4').on('click','a',function(){ 
    // will bind to anchor elements in #terms4 at the time of execution 
    // (most likely page ready) and look for future anchors added (in 
    // the case of .load() completing) 
}); 

そこから、あなたがあなた自身の表示/非表示イベントをバインドすることができ、多分舞台裏エントリを削除Ajaxのメソッドを呼び出し、そして再び.loadへの再呼び出しを行うと、ページを更新します。