jQuery UI로드 필요 Ajax를 통한 동적 컨텐트 링크

Question

2 개의 탭만있는이 jQuery UI 탭 모델이 있고 Ajax를 통해로드 할 컨텐트가 필요합니다. 문제는 이러한 탭이 jQuery UI 대화 상자에로드되고 mid이 동적이라는 점입니다. 즉, 링크 (mid=X 포함)를 클릭하면 대화 상자가 시작됩니다.

자바 스크립트 :

코드는이 같은 것입니다

$('.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

내 문제는 jQuery를 UI 대화 상자의 close 이벤트에 jQuery를 UI 탭을 파괴하여 수정되었습니다 :

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