Jquery Datatable插件不用Jquery 3.1.1.1

Question

我有一个Asp.net Eebform应用程序，我使用母版页和子格式

在MasterPage中我调用的脚本包括jquery3.1.1 .js，jquery3.1.1.min.js

在Child表单中，我调用了Datatables所需的CDN

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script type="text/javascript" src="http://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

然后在Script中编写了将表转换为datatable

的函数

<script type="text/javascript" charset="utf-8">

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

  </script>

我没有得到任何错误，但表没有被转换为数据表。你能告诉我我在哪里失踪作为jquery的新手

创建HTML表格

   <table id="example" class="example" border="2">
 <thead> 
<tr><th>SPODetails_PK</th><th>SPO_Pk</th><th>SPONum</th><th>SupplierName</th><th>CurrencyCode</th><th>Description</th><th>Remark</th><th>POQty</th><th>ReceivedQty</th><th>UomName</th><th>AddedDate</th><th>IsApproved</th><th>PONum</th><th>OdooLocation</th></tr></thead>

<tbody>
<tr><td>4520</td><td>950</td><td>SPO050899</td><td>SCHMETZ MIDDLE EAST FZE</td><td>EUR       </td><td>NEEDLES 12 - LW X 6T     </td><td>IPO-27937</td><td>400.000</td><td>400.000</td><td>PCS</td><td>18-Jun-2017 3:23:45 PM</td><td>Y</td><td>IPO-27937</td><td>KENYA</td></tr>
</tbody>
</table>

总aspx的链接

[totalpage.pls ignore the encoded area][1]