Question

我有一个jsp页面，我有一个数据表。我在页面中使用以下脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

我还提供了数据表的脚本：

<script src="assets/scripts/jquery.dataTables.js"></script>

这不起作用。当我将表设置为数据表时，没有任何反应。如果我用这个替换jquery脚本：

<script src="assets/scripts/jquery-1.11.1.min.js"></script>

数据表有效，但页面中的其他一些java脚本菜单功能停止工作（我正在使用模板）。我需要保留菜单功能并在页面中包含数据表。这是版本冲突的问题吗？如果是这样，那我该如何解决呢？感谢。

编辑：显示可执行代码：

以下是数据表的jquery：

$(document).ready(function() {
    $('#theTable').DataTable({"sPaginationType": "full_numbers", "bPaginate": true, "bSortClasses": false});
});

Answer 1

更新2：使用jQuery.noConflict

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

<script type='text/javascript'>  

 var $jq164 = jQuery.noConflict(true);  

</script>  

<script src="assets/scripts/jquery-1.11.1.min.js"></script>
<script src="assets/scripts/jquery.dataTables.js"></script>

并用于其他java脚本菜单功能$jq164('.selector_menu') ...

在页面模板中包含数据表

1 个答案: