我无法让ddft.js像示例一样工作

Question

我需要在网页表的列顶部添加下拉过滤器，并找到ddtf.js，这似乎很完美。

我将文件添加到我的环境和项目中，并根据示例网页对代码进行了更改……但什么也没有。我不知道我是否缺少某些东西，或者是否有某些奇怪的原因，但这似乎没有用。

这是我要制作的代码。

@model db.Models.ViewTestModel
@{
    ViewBag.Title = "SelectTest";
}
<div>
    <h2>Drop Down Test</h2>
    <div class="table-responsive">
        <table class="table table-striped" id="testTable">
            <tbody>
                <tr>
                    <th>Order Number</th>
                    <th>Output ID</th>
                    <th>Input ID</th>
                    <th>Date</th>
                    <th>Item ID</th>
                    <th>Note</th>
                </tr>
                @foreach (var rec in Model.TestList)
                {
                    <tr>
                        <td>@Html.ActionLink(@rec.OrderNumber, 
                                             "Index", 
                                             "DetailReport",
                                             new { ordernumber = @rec.OrderNumber },
                                             null)</td>
                        <td>@rec.OutputID</td>
                        <td>@rec.InputID</td>
                        <td>@rec.DocDate.ToShortDateString()</td>
                        <td>@rec.ItemID</td>
                        <td>@rec.Note</td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
    <script src="~/jquery-3.1.1.min.js"></script>
    <script src="~/ddtf.js"></script>
    <script>
        jQuery('testTable').ddTableFilter();
    </script>
</div>