PHPのjQuery UIコンポーネントが正常に動作しません。

Question

以下は2つのアコーディオン（jquery ui）のコードです。最初のものはhtmlでハードコードされ、2番目のものはjqueryを介してDocument readyのページに配信されます。

HTML：[このアコーディオンの動作]：

<div class="accordion"> 
    <h3><a href="">one</a></h3> 
    <div>aaaaaaaaaaaaaaaaaaaaaaaa</div> 

    <h3><a href="">two</a></h3> 
    <div>bbbbbbbbbbbbbbbbbbbbbbbb</div> 
</div> 

PHP：[このアコーディオンは動作しません]

echo' 
<div class="accordion"> 

    <h3><a href="">One</a></h3> 
    <div>111111aaaaa</div> 

    <h3><a href="">Two</a></h3> 
    <div>222222aaaaa</div> 

    <h3><a href="">Three</a></h3> 
    <div>333333</div> 
</div> 
'; 

は、どのように私は動的には、アコーディオンも動作届けするのですか？

EDITED：

$(document).ready(function(){ 

    $('#drag').draggable(); 
    $('.accordion').accordion(); 

    $.post('scripts/test.php', { }, 
     function(output){ 
      $("div#test_php").html(output); 
     } 
    ); 

}); 

資料準備のアコーディオン機能を設定して、DOMにそれを埋め込む、PHPスクリプトから2番目のアコーディオンを要求==。 すべてのPHPスクリプトは、2番目のアコーディオンのコードをエコーし​​ます。

Answer 1

DOMに動的に注入する場合は、再度アコーディオンを再初期化する必要があります。

$.post('scripts/test.php', { }, 
     function(output){ 
      $("div#test_php").html(output); 
      $('.accordion').accordion(); 
     } 
);