Jquery ui JQuery对话框在两次单击后关闭，而不是第一次单击

起初，我遇到了这样一个错误：在初始化之前无法调用对话框上的方法。但是对解决方案的几点建议是：将上下文添加到ajax调用中

在我开始使用局部视图而不是视图之后，整个问题就开始了

这是我的密码：

$("#ContactDialog").dialog({
    autoOpen: true,
    hide: "fade",
    show: "bounce",
    height: $(window).height() / 2,
    width: $(window).width() / 2,
    title: "Send email",
    open: function () {

    },
    buttons: [{ 
        text: "Send", click: function () {
            $.ajax({
                url: url,                    
                type: "POST",
                data: {},
                context: this,
                contentType: 'application/html; charset=utf-8',
                dataType: "html", //xml, json, script and html
                success: function () {
                    $(this).dialog("close");                     
                },

对话框将关闭，但仅在2次单击按钮后关闭。我也尝试过这样做：

$("#contactDialog").dialog("close");

这与js文件的加载有关吗？ 脚本在_Layout.cshtml中引用，如下所示：

我也试着把它移到局部视图，但没有成功 有人知道可能是什么问题吗？

---

如果可能的话，我想解决这个问题，但不需要破解：-

因此我发现，当加载局部视图时，它会打开对话框，并且由于它们具有相同的确切位置，看起来只有一个对话框需要在关闭前单击两下。但它们实际上只需点击一次就可以关闭。但我不明白为什么在使用局部视图时会打开两个对话框窗口？如果我切换回使用视图，那么它可以正常工作。代码中没有我调用对话框窗口两次的地方，这仅仅是因为我使用的是部分视图

<script src="~/Scripts/OwnedScripts/ContDia.js"></script>