Javascript 升级到jQuery 1.12.1时覆盖不起作用

你好

我正在将我的web应用程序系统jQuery升级到1.12.1版。并发现

覆盖

在新jQuery版本中不起作用

我正在使用ajax弹出一个带有覆盖的对话框。以下是我的ajax代码：

$.ajax({
        async: false,
        url: locurl,
        data: dataPackage,
        success: function(result){
            createServiceModel();
            $("#viewService").dialog({
                height: 645,
                width: 720,
                resizable: false,
                modal: true,
                autoOpen: true,
                bgiframe: true,
                overlay: {
                    opacity: 0.4, 
                    backgroundColor: "black"
                }
            });

                $("#serviceContent").append(result);
         },
         error: function (xhr, ajaxOptions, thrownError){
            if(xhr.status==403) alert("You are not allowed to proceed due to changes in your profile. Please re-log in again.");
            else alert("Connection Error. Please try again later. If error persisted, please contact System Administrator.");
        }
    });

这与我的旧jQuery配合得很好

以下是我从Chrome调试模式复制的html代码：

<div class="ui-dialog-overlay" style="border-width: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 1343px; height: 628px; opacity: 0.4; background-color: red; z-index: 1001;"></div>

<div class="ui-dialog ui-draggable" tabindex="-1" 
    style="display:block;position:absolute;width:720px;height:645px;overflow:hidden;z-index:1002;outline:0px;top:5px;left:311.5px;;;">
    <!-- other html code here -->
    </div>

但仍然不起作用

请告知。

你好

我找到了自己的解决办法

我不仅应该升级jQuery。但是我需要升级jQueryUI和css文件

对于这种情况，我遇到这个问题是因为我的

ui.dialog.css

仍然是旧版本，并且覆盖类名不匹配，这就是覆盖函数无法工作的原因

---

升级ui.dialog.css后，我的问题解决了。

删除

async:false

@RoryMcCrossan，我以前尝试过，但没有成功。它可能无法解决眼前的问题，但您还是应该这样做，因为使用

async:false

是非常糟糕的做法。如果你检查控制台，你甚至会看到警告，告诉你不要使用它。如果你还没有准备好，升级你的jQueryUI版本可能也是值得的，这里也有同样的问题。。我这辈子都没法用你有什么解决办法吗？谢谢。这解决了我在升级jQueryUI时遇到的一个非常类似的问题。我忽略了包含升级的css，这导致对话框被阻塞。

overlays: {
            opacity: 0.4, 
            backgroundColor: "black"
        }