jquery - jQuery UI と動的コンテンツ

Question

私は jquery ui を使用しており、ajax が挿入された html に ui-tabs が必要です。

ドキュメントのコードを使用する場合:

$(function() {
    $( ".tab" ).tabs();
});

既存の HTML 要素では機能します。

しかし今、ajax コンテンツを含む jquery ui ダイアログを開きたいと思います。内部のhtmlはすでにjquery ui tab系に変換されている可能性はありますか？

Answer 1

ダイアログ ボックスを表示する前に動的コンテンツを読み込む例を次に示します。

<div id="dialog-message" title="Download complete">
    Default value
</div>

  $(function() {
    //Ajax call to load new text inside dialog-message
    $("#dialog-message").load("ajaxpage.php",function(){

        //Success callback, create and display the modal dialog

        //Delete dialog if already exists
        try{$(this).dialog('destroy');}catch(e){}

        //Create the new one
        $( this ).dialog({
          modal: true,
          buttons: {
            Ok: function() {
              $( this ).dialog( "close" );
            }  
          }
        });
    });
  });