1

好吧，我已经从 DataTables.net 下载了必要的文件，但我正在努力将它实际放入我的网站。我究竟如何引用它？他们的网站说

$(document).ready(function(){
    $('#example').dataTable();
});

负责初始化，但显然需要引用代码（例如我如何引用 javascript）：

<script type="text/javascript" src="view/javascript/application.js" ></script>

有人可以给我一些指示吗？我知道这是一个简单的问题，但我有点迷茫，浏览他们的网站并没有给我太多帮助，因为它似乎主要集中在实际使用该软件包上。

4

1 回答 1

1

这是我将jQuery dataTables 绑定到 Web 项目中的方法：

1）首先需要引用jQuery，因为DataTables是一个jQuery插件。没有 jQuery DataTables 将无法工作。

<!--jQuery -->
<script src="Project/Scripts/jQuery.min.js" type="text/javascript" ></script>

2）您引用 DataTables 插件：

    <!--Data Tables -->
    <script src="Project/Scripts/DataTables/jQuery_DataTables.min.js" type="text/javascript" ></script>

3) 决定以何种方式使用 DataTables。您有 4 个选项：DOM、JavaScript 数组、JSON 对象、服务器端处理。如果您只想测试您的 DataTables 是否正常工作，DOM 是最简单的：

<script type="text/javascript">
    $(document).ready(function(){ $('#table_id').dataTable(); });
</script>
<table id="table_id">
<thead>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>etc</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Row 1 Data 1</td>
        <td>Row 1 Data 2</td>
        <td>etc</td>
    </tr>
    <tr>
        <td>Row 2 Data 1</td>
        <td>Row 2 Data 2</td>
        <td>etc</td>
    </tr>
</tbody>

注意事项：

  1. 确保您的 FilePaths 和 FileNames 是正确的。
  2. 确保您的jQuery对于您的DataTables版本来说足够新
  3. 将 DataTables 与服务器端处理一起使用比其他 3 个选项要困难一些。
于 2013-03-06T10:35:42.060 回答