탭 캐싱 방지 jquery-ui

Question

jquery-ui를 사용하여 여러 탭을 만들었습니다. 탭 내용의 캐싱을 원하지 않습니다. 그래서 나는 다음과 같은 일을 오전 :

$(".leftPanel").tabs(
    {cache : false, 
    ajaxOptions : { 
    cache : false, 
    error : function(xhr, status, index, anchor) { 
       $(anchor.hash).html("Oops ... There was an error"); 
      } 
    } 
}); 

이 작동 내가 탭을 전환 할 때마다 실제로 데이터를 가져옵니다. 첫 번째 탭의 문자는 jquery datatable입니다. 두 번째 탭에는 다른 데이터 테이블을 만드는 버튼이있는 폼이 있습니다.

이제 두 번째 탭에서 생성 된 데이터 테이블이 비어있는 경우 문제가 발생합니다. 이 데이터 테이블은 올바르게 생성됩니다. 하지만 tab1로 전환하면 이전의 datatable에있는 "Unstyled Content Flash"가 있습니다. 그런 다음 "DataTables warning (table id = 'table-2') : 행 0의 데이터 소스에서 알 수없는 매개 변수 '1'을 요청했습니다라는 경고가 표시됩니다. 두 번째 테이블이 비어 있으면이 문제가 발생합니다. 이 문제에 대한 해결책이 필요합니다.

미리 감사드립니다.

업데이트 : 추가 정보 : 경고를 숨기면 탭 1의 테이블이 새로 고쳐지고 올바른 정보가 표시됩니다. 그러나 경고는 성가신 일입니다. 나는 그것을 제거하는 올바른 방법이 필요합니다. 두 번째 탭의 테이블이 비어있는 경우에만 발생합니다.

Answer 1

탭 캐싱 때문에 문제가 발생하지 않음을 발견했습니다. 특정 클래스가있는 모든 객체에서이 메소드를 호출하는 반면 특정 ID가있는 요소에서이 메소드를 수행해야합니다.