2013-12-18 4 views
0

dataTables를로드하는 데 requireJS를 사용하면 잠시 동안 처리되지 않은 html이 표시됩니다. DOM이로드 될 때까지 기다리기 때문에 어쩌면?dataTables가 requireJS와 함께 느리게로드됩니다.

requireJS를 사용하여 데이터 테이블을 더 빨리로드하려면 어떻게해야합니까?

이 주 파일

require.config({ 
paths: { 
    'jquery': 'libs/jQuery-2-0-3', 
    'datatables-plugin': 'plugins/jquery-datatables' 
} 
}); 

require(['jquery','datatables-plugin'], 
function($) { 
'use strict'; 

$(document).ready(function() { 

    $('.tablesorter-js').dataTable(); 

}); 
}); 

그리고 head 태그의 HTML입니다.

예를 들어, head 태그의 스크립트를 requireJS없이 ​​호출하면 데이터 테이블이 바로 실행됩니다. 본체 태그

<script src="/script/libs/jQuery-2-0-3.js"></script> 
    <script src="/script/plugins/jquery-datatables.js"></script> 

및 단부

<script> 
    $('.tablesorter-js').dataTable(); 
</script> 
+0

이것이 XY가 아닌 것은 확실합니까? requireJS의 버전은 무엇입니까? 이 바이올린보기 -> http://jsfiddle.net/uqy6z/ datatables 및 requireJS 2.1.9 – davidkonrad

답변

0

는 I는

제거

define(['jquery','datatables-plugin'], 

require(['jquery','datatables-plugin'], 

을 변경하여 해결

$(document).ready(function() { 

및 본체 태그의 끝에

<script data-main="/script/main" src="/script/require.js"></script> 

위치.

관련 문제