2012-06-27 6 views
1

div에 내 탭 콘텐츠를 넣는 페이지가 있습니다.jquery ui tabs tabs()에 대한 복수 호출

이 작업은 정상적으로 탭을 볼 수 있습니다.

나중에 (콤보 상자 값 선택과 같은) 이벤트가 발생하고 다른 탭 집합으로 변경하려고합니다.

나는 기본적으로했다 : 여기

('#divId').empty(); 
someData.appendTo("#divId"); 
$("#divId").tabs(); 

문제이며,이 두번째 호출은 나에게 목록을 보여 은. tabName1 . tabName2 ..... 등

내가 처음 페이지를로드 할 때 .tabs() 호출이 한 번만 작동하는 것처럼 보입니다.

감사합니다.

+0

문제를 나타내는 [jsfiddle] (http://jsfiddle.net/)을 만들 수 있습니까? –

+0

jQuery UI - TABS 위젯과 비슷한 문제가 발생했습니다. 분명히 'someData'에 문제가 없었으므로, 대신에'empty()'와 같은 추가 함수를 사용하지 않고 default.innerHTML = ""'을 사용하는 것을 좋아합니다. 생성하기 전에'jQuery (element) .tabs ("destroy")를 사용하여 문제를 해결했습니다. 초기화 된 탭이 파괴 호출을하지 않을 경우 실패를 피하기 위해 ** destroy ** 콜을 조건부로 유지하거나 try catch 블록에 유지하십시오. –

답변

0

someData의 값을 확인하면 jquery tabs() 메소드를 다시 호출 할 때 처리 할 수없는 잘못된 html이 포함되었을 수 있습니다. 그것을 할 수

한 가지 방법은 다음과 같습니다 그런

console.log(someData); 

당신이 크롬을 사용하는 경우, 다음 "콘솔"을 클릭 F12를 누르십시오.

0
$("#detailUL").append("<li><a href='#tabs3-"+id+"'>Desc No "+m+"</a></li>");  // desc 

$("#details").append("<div id='tabs3-"+id+"' class='it_detail'>"+copy+"</div>"); // detail 


$("#detailPanel").tabs("refresh");