jQuery Ui和动态内容

Question

我使用jquery ui并希望在ajax注入html上使用ui-tabs。

如果我使用文档中的代码：

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

在现有的HTML-Elements上，它可以正常工作。

但是现在，我想用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" );
            }  
          }
        });
    });
  });