2010-12-08 70 views
1

我有这个jQuery UI标签模型只有2个标签,我需要通过Ajax加载内容。问题是这些标签是在jQuery UI对话框中加载的,并且mid是动态的。我的意思是,通过单击链接(其中包含mid=X)启动该对话框。需要通过Ajax加载jQuery UI标签动态内容链接

的代码是这样的:

的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的一本作品,但关闭对话框并点击另一个链接后,它将无法正常工作相同的信息将被显示。

我该如何做这项工作?也许有更好的方法呢?

回答

1

我的问题是通过固定在close事件的jQuery UI的对话框的破坏jQuery用户界面标签:

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