Question

我在具有滑块的页面中使用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需要一些必要的脚本，如下所示：

Default.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

Answer 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>

Answer 2

尝试在文档加载后将表分配给datatable：

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

    });

TypeError：$（...）。dataTable不是函数（匿名函数）

2 个答案: