2014-12-02 2 views
0

데이터 테이블로드시 숨길 필요가있는 회 전자가 있습니다.데이터 테이블로드시 회 전자 숨기기

다음은 코드입니다.

$('#datatable').dataTable({ 
      "paging" : true, 
      "scrollX": true, 
"initComplete": function(settings, json) { 
       $("#event-buble").css({"display" : "none", "height":"0px", "padding-top":"0px"}); 
       alert('DataTables has finished its initialisation.'); 
      }, 
}); 

그러나 코드를 실행했지만 회 전자가 사라지지 않습니다. 두 테이블과 회 전자가 표시됩니다.

이 문제를 해결하는 방법은 무엇입니까? draw 이벤트 테이블에 청취자를 추가

+1

봐. 아마도 당신은'draw' 이벤트에 대한 청취자를 원했던 것일까? –

+1

이 요소에는 아무 것도로드하지 않으므로 'load' 이벤트가 발생하지 않습니다. 데이터 함수에서 콜백을 사용해야합니다. – isherwood

+0

제 대답은 당신이 묻는 것과 정확히 같지 않지만'.show()'또는'.hide()'jQuery 메서드를 사용하지 않는 것이 좋습니다. 스피너 클래스 조작을 권장합니다. '.addClass ("loading")'과'.removeClass ("loading")'를 사용한다. 그런 다음 CSS에서 가시성 (그리고 훨씬 더)을 "스타일"시킬 수 있습니다. 'spinner {display : none} spinner.loading {display : block}' –

답변

1

시도 : http://www.datatables.net/reference/event/ : DataTable에 대한 지원 행사에서

$('#datatable') 
    // init the datatable 
    .dataTable({ 
     "paging" : true, 
     "scrollX": true, 
    }) 

    // listen for the draw event 
    .on('draw.dt', function() { 
     $("#bubble").hide(); 
    }); 
+0

감사하지만 테이블을 다시 그릴 때 작동합니다. – newday

+0

AJAX 요청을 통해 데이터를로드하고 있습니까? –

+0

아니요 AJAX를 통해 데이터를로드하지 않습니다. – newday