JQuery问题- .dialog不是一个函数

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>

现在，如果我删除打开对话框的函数，它可以正常工作，否则datatables调用不会被加载，并且我会得到".dialog is not a function error“。

现在我知道这里有冲突的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。我单独下载了文件，现在可以正常工作了。