美好的一天,
我正在将我的 Web 应用程序系统 jQuery 升级到版本 1.12.1。并发现 overlay
在新的 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 Debug模式复制的 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>
我发现ui-dialog-overlay
实际上可以从ui.dialog.js
中找到。
但是,当我升级到 jQuery UI 1.12.1 时,我发现 jquery-ui.js 中不再存在 ui-dialog-overlay
,而是变成了 ui-dialog-覆盖
。
我从 http://jqueryui.com/download/ 下载了最新的 jQuery js 文件
是ajax代码中的overlay
语法变化吗?
我尝试通过在其上添加“s”来更改覆盖
overlays: {
opacity: 0.4,
backgroundColor: "black"
}
但仍然无法工作。
请多多指教。
最佳答案
美好的一天,
我找到了自己的解决方案。
我不应该只升级 jQuery。但我需要升级 jQuery UI 和 css 文件。
对于这种情况,我遇到这个问题是因为我的 ui.dialog.css 仍然是旧版本,并且覆盖类名称不匹配,这就是覆盖功能不起作用的原因.
升级 ui.dialog.css 后,我的问题解决了。
关于javascript - 当我升级到 jQuery 1.12.1 时,覆盖不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41298668/