使用 requireJS 加载数据表很慢答案

【问题标题】：dataTables loads slow with requireJS使用 requireJS 加载数据表很慢
【发布时间】：2013-12-18 11:00:41
【问题描述】：

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

如何使用 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。

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

作为一个例子，我在没有 requireJS 的情况下调用 head 标签中的脚本，数据表会立即执行。

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

和正文结束标记

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

【问题讨论】：

你确定它不是 XY 的东西吗？什么版本的requireJS？看到这个小提琴 -> jsfiddle.net/uqy6z datatables 和 requireJS 2.1.9

标签： jquery requirejs datatables

【解决方案1】：

我通过改变解决了它

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

到

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

删除了

$(document).ready(function() {

并定位

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

在正文标签的末尾。

【讨论】：