Ajaxで呼び出されたDivの中からAjaxコールを作成するには？

Question

が、私はこのようなものですPHPのページを持っている：Ajaxのコンテンツを求めて私が作った http://img233.imageshack.us/img233/4895/13423274.jpg

DIV 1では

そしてDIV 2：

ここ

は、回路図です。 Ajaxコールはメインページから作成されます。私はそれが=/
仕事をdoesntのDIV 2を変更するDIV 1からの呼び出しを行いたい場合 は、私が試した：

document.getElementById('div2').innerHTML = data; 

誰もが私を助けることができますか？ありがとうございました！

Answer 1

IDは数字で始めることはできません。問題が発生する可能性があります。

それ以外のところは、JavaScriptの場所と、イベントハンドラにいつ、どのようにアタッチするかによって異なります。

DIV 1に読み込まれたコードにjavascriptが含まれている場合、問題はありませんが、既にページにある場合は、すぐに新しく読み込まれたDIV 1に添付する必要がありますそれはロードされます。

具体的な説明については、jQuery .live() function documentationを参照してください。

Answer 2

DIV1のコンテンツには、DIV2にコンテンツをロードするリンクがありますか？次に、DIV1のリンクにイベントリスナーを追加して、クリックしたときにコンテンツをDIV2にロードするAJAX呼び出しを作成するようにします。

私はjQueryのを使用して（http://jquery.com/）をお勧めします、あなたはこのような何か行うことができます。

// getting the content into DIV1 
$('#div1').load('/path/to/backend.php', function() 
{ 
    // the ajax request is complete, so let's add listeners to the a tags in DIV1 
    $('#div1 a').click(function() 
    { 
     // this clears DIV2's content 
     $('#div2').empty(); 

     // and now we load some ajax by getting the href of the a tag and passing that to our backend 
     $('#div2').load('/path/to/backend.php', { page: $(this).attr('href') }; 
    }); 
}); 

あなたがここで詳細を読むことができます：私が間違っていたhttp://api.jquery.com/load/