2010-12-14 5 views
0

정의 된 하나의 탭으로 시작하는 jquery 탭 객체가 있습니다. 이 탭은 데이터 테이블을 표시하며 테이블의 항목을 클릭하면 새 탭이 만들어지고 ajax를 통해 콘텐츠가로드되기를 원합니다. 매우 역동적입니다.jquery 탭 추가 및로드

지금까지는 첫 번째 탭에서 onclick 이벤트에서 호출하는 함수가 있습니다. 이 함수는 새 탭을 추가합니다. 다음으로 URL 설정을 시도했지만 작동하지 않습니다. 어떻게해야합니까?

function addTab() { 
    $("#tabs").tabs("add", "#tabs-x", "New Tab"); 
    $("#tabs").tabs("url" , 1 , "http://mysite.com/details.php"); 
} 

나는 addTab 기능과 URL에 차례로에 id 매개 변수를 전달합니다 참고,하지만 난 그냥 싶어 이러한 초기 역학을 내려.

답변

0

당신은 당신과 같이 원격 처음에이 필요 것 때문에 만 url 방법 제거 탭을 기존 변경할 수 있습니다

function addTab() { 
    $("#tabs").tabs("add", "http://mysite.com/temp", "New Tab"); 
    $("#tabs").tabs("url" , 1 , "http://mysite.com/details.php"); 
} 

을 또는 간단 할 것입니다 추가 할 때 단지 처음에 설정 :

function addTab() { 
    $("#tabs").tabs("add", "http://mysite.com/details.php", "New Tab"); 
} 
+0

아, 이제 설명서에 나와 있습니다. 일부 샘플 소스 코드를 잘못 이해했습니다. 후속 질문 : 만약 내가 탭 사이를 전환 할 때, 새 탭이 항상 나가서 다시로드되는 것을 볼 수 있습니다. 나는 그것을 막을 수 있습니까? 일단로드되면 정적으로 간주 될 수 있습니다. – eflat

+0

@eflat -로드 후 비 아약스 URL로 변경할 수 있으며 만든 탭 ID 자체와 일치하게 만들 수 있습니다. –