Question

我试图使用datatables插件，但在调用函数dataTable（）时出错。我的代码如下所示：

@Scripts.Render("~/Scripts/DataTables-1.9.4/media/js/jquery.js")
@Scripts.Render("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js")

<script type="text/javascript">
    $(function () {
        $('#tableID').dataTable();
    });
</script>

<table class="table table-striped table-hover table-bordered" id="tableID">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1</td>
            <td>Row 1</td>
        </tr>
        <tr>
            <td>Row 2</td>
            <td>Row 2</td>
        </tr>
    </tbody>
</table>

当我运行它时，我可以在Firebug中看到错误：

TypeError: $(...).dataTable is not a function
$('#tableID').dataTable();

在Firebug中我可以看到包含的jquery.dataTables.js文件，但函数dataTable（）不起作用。

Answer 1

对我来说工作移动定义开箱即用

而不是

<script type="text/javascript">
    $(function () {
        $('#tableID').dataTable();
    });
</script>

我用

<script type="text/javascript">
    $('#tableID').dataTable();
</script>

它完美无缺。

Answer 2

在我的情况下：
我包括

@Scripts.Render("~/bundles/jquery")

在页面中两次：在标题处和</body>之前当我删除它们时，问题就消失了

错误dataTable不是函数

2 个答案: