Question

我知道这已经发布过，但我正在寻找一些解释和解决方法。

使用JQuery数据表以及JQueryUI对话框函数在MVC中处理一个非常简单的网格/详细信息视图页面。

我正在加载以下文件：

   <link href="@Url.Content("~/Content/jquery-datatables/datatables.css")" rel="stylesheet" type="text/css"  />
<script src="@Url.Content("~/Content/jquery-datatables/datatables.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/modernizr-2.6.2.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/json2.js")" type="text/javascript"></script>

现在，如果我删除打开对话框的函数，它可以正常工作，否则数据表调用不会被加载，我得到“.dialog不是函数错误”。

现在我知道这里存在冲突的JQuery文件，但我真的不明白如何排序。 JQuery UI和数据表是否需要具有完全相同的JQuery文件？

修改

好的，移动文件显示如下：

    <script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>

<link href="@Url.Content("~/Content/jquery-datatables/datatables.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Content/jquery-datatables/datatables.js")" type="text/javascript"></script>

同样的错误

和正在爆炸的功能是

    $(document).ready(function () {
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
    $("#dialog:ui-dialog").dialog("destroy");
    $("#dialog-form").dialog({
        autoOpen: false,
        width: 950,
        modal: true,
        draggable: true,
        title: $(this).attr("RequestDetalis"),
        show: "fade",
        hide: "fade",
        closeOnEscape: true,
    });

    $('#btnSubmit').click(function () {
        $('#dialog-form').dialog('close');
    });
});

Answer 1

想出来，问题是datatables.js文件中包含了更新版本的JQuery。我单独下载了这些文件，现在工作正常。

JQuery问题 - .dialog不是函数

1 个答案: