需要通過Ajax加載jQuery UI標籤動態內容鏈接

Question

我有這個jQuery UI標籤模型只有2個標籤，我需要通過Ajax加載內容。問題是這些標籤是在jQuery UI對話框中加載的，並且mid是動態的。我的意思是，通過單擊鏈接（其中包含mid=X）啓動該對話框。

的代碼是這樣的：

的Javascript：

$('.item-movie-link').each(function() { 
    $(this).parent().click(function() { 
     $('#tabs-movie li a[href$=info]').attr('href', $(this).attr('href') + '&op=info'); 
     $('#tabs-movie li a[href$=cast]').attr('href', $(this).attr('href') + '&op=cast'); 

     $('#dialog-movie-info').dialog('open'); 
     $('#tabs-movie').tabs(); 

     return false; 
    }); 
}); 

HTML：

<div id="dialog-movie-info"> 
    <div id="tabs-movie"> 
    <ul> 
     <li><a href="#tab-info"><img src="template/images/icon-tab-movie-info.png" alt="" />Information</a></li> 
     <li><a href="#tab-cast"><img src="template/images/icon-tab-movie-cast.png" alt="" />Cast List</a></li> 
    </ul> 
    </div> 
</div> 

當我第一次點擊的.item-movie-link的一本作品，但關閉對話框並點擊另一個鏈接後，它將無法正常工作相同的信息將被顯示。

我該如何做這項工作？也許有更好的方法呢？

Answer 1

我的問題是通過固定在close事件的jQuery UI的對話框的破壞jQuery用戶界面標籤：

$('#tabs-movie').tabs('destroy');