Question

我目前正在玩MVC6，我遇到了Datatables的问题。据我所知，我已经包含了应该存在的所有内容，但每次我尝试运行代码时都会收到错误消息，说jquery.datatables.min看不到Jquery。

代码如下：

<link href="//cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8" src="//cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>

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

$(document).ready( function () {

    $('#datatable2').DataTable();

} );

</script>

<table class="table table-striped table-hover" id="datatable2" cellspacing="0">
    <tr>
    <th>ID</th>
    <th>Problem Description</th>
    <th>Solution</th>
</tr>

@foreach(var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.ProblemID)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.ProblemDescription)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Solution)
        </td>
    </tr>
}

有什么想法？这可能是非常明显的......

*我知道脚本通常应该在_layout中，这只是一个测试项目，可以了解MVC 5和＆amp;之间的变化。 6。

Answer 1

尝试以下

有关详细信息，请参阅此列表dataTables js Example

以这种方式包含文件

1）jquery.dataTables.min.css，

2）jquery-2.2.0.min.js，

3）jquery.dataTables.min.js

<link href="//cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="//cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>

<强> HTML

<table class="table table-striped table-hover" id="datatable2" cellspacing="0">
   <thead>
      <tr>
        <th>ID</th>
        <th>Problem Description</th>
        <th>Solution</th>
      </tr>
   </thead>
   <tbody>
        @foreach(var item in Model)
        {
           <tr>
               <td>
                   @Html.DisplayFor(modelItem => item.ProblemID)
               </td>
               <td>
                   @Html.DisplayFor(modelItem => item.ProblemDescription)
               </td>
               <td>
                   @Html.DisplayFor(modelItem => item.Solution)
               </td>
          </tr>
        }
   </tbody>
</table>

<强> JS

<script type="text/javascript" charset="utf-8">    
    $(document).ready( function () {    
        $('#datatable2').DataTable();    
    });    
</script>

数据表在MVC6

1 个答案: