Question

当我使用requireJS加载dataTables时，我会在短时间内看到未经处理的html。也许是因为它等待加载DOM？

如何使用requireJS更快地加载dataTable？

这是主文件

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();

});
});

头标记中的html。

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

作为一个例子，我调用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>

Answer 1

我通过改变

解决了这个问题

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

到

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

删除了

$(document).ready(function() {

定位

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

身体标签的末尾。

dataTables使用requireJS加载缓慢

1 个答案: