TypeError: $(...).dataTable 不是函数（匿名函数）答案

【问题标题】：TypeError: $(...).dataTable is not a function(anonymous function)TypeError: $(...).dataTable 不是函数（匿名函数）
【发布时间】：2016-06-24 21:22:56
【问题描述】：

我在一个也有滑块的页面中使用 jquery 数据表。在我的项目中，我有一个母版页，其中最后包含一些脚本，如下所示：

site.master.aspx

<body>
    -
    -
      <script src="js/jquery.js"></script>
        <script src="js/bootstrap.js"></script>
        <script src="js/owl.carousel.js"></script>
        <script src="js/default.js"></script>
        <script src="layerslider/js/greensock.js"></script>
        <script src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
        <script src="layerslider/js/layerslider.transitions.js"></script>
    </body>

在我的默认页面的末尾，有一些 Jquery Datatable 所需的必要脚本，如下所示：

默认.aspx

 <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
    <script src="js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>

如果我将脚本代码从母版页移动到 Default.aspx 页。滑块不起作用。我目前的错误是：

enter image description here

如果我将它们留在母版页中，Jquery 数据表将不起作用。

我试图删除一些重复的 jquery 脚本，但它会产生更多错误。

enter image description here

【问题讨论】：

标签： jquery asp.net datatables master-pages

【解决方案1】：

你试过 Jquery noConflict 吗？

https://api.jquery.com/jquery.noconflict/

<script>
var j = jQuery.noConflict();

    // Do something with jQuery
    j( "div p" ).hide();

    // Do something with another library's $()
    $( "content" ).style.display = "none";
</script>

【讨论】：

【解决方案2】：

在文档加载后尝试将表格分配给数据表：

$(document).ready(function() {
        $('#example-table').DataTable();

    });

【讨论】：