Jquery对话框始终是透明的
出于某种原因,我的jquery对话框是透明的,但它确实显示了我正在加载的部分视图的字段。当我有另一个jquery对话框工作正常时,我不确定它为什么会这样做Jquery对话框始终是透明的,jquery,asp.net-mvc,razor,jquery-dialog,Jquery,Asp.net Mvc,Razor,Jquery Dialog,出于某种原因,我的jquery对话框是透明的,但它确实显示了我正在加载的部分视图的字段。当我有另一个jquery对话框工作正常时,我不确定它为什么会这样做 @Html.ActionLink("Upload Image", "UploadImage", "Patients", null, new { @class = "popupLinks" }) <script type="text/javascript">
@Html.ActionLink("Upload Image", "UploadImage", "Patients", null, new { @class = "popupLinks" })
<script type="text/javascript">
$(function () {
$(".popupLinks").click(function (e) {
var url = this.href;
$("#imageUpload").load(url,{},function (responseText, textStatus, XMLHttpRequest) {
$("#imageUpload").dialog({
modal: true,
autoOpen: true,
draggable: true,
resizable: false,
width: 500,
show: { effect: 'fade', duration: 2000 },
close: function (event, ui) {
dialog.remove();
}
}).dialog("widget").next(".ui-widget-overlay").css("background", "#000000");;
}
);
return false;
});
});
</script>
@Html.ActionLink(“上传图像”、“上传图像”、“患者”,空,新{@class=“popupLinks”})
$(函数(){
$(“.popupLinks”)。单击(函数(e){
var url=this.href;
$(“#imageUpload”).load(url,{},函数(responseText,textStatus,XMLHttpRequest){
$(“#图像上载”)。对话框({
莫代尔:是的,
自动打开:对,
真的,
可调整大小:false,
宽度:500,
显示:{效果:淡出,持续时间:2000},
关闭:功能(事件、用户界面){
dialog.remove();
}
}).dialog(“widget”).next(“ui widget overlay”).css(“背景”,“000000”);;
}
);
返回false;
});
});
我认为它使用图像作为对话框的背景。在这个项目的jQuery安装中,您还记得/themes/base/images
文件夹吗?我遇到了同样的问题
除了
jquery.ui.dialog.css
,您还需要包括到基本jquery ui css的链接:jquery ui.css
这已被取代。现在,当添加jQueryUI包时,所有css文件都下载到/content/themes/base文件夹中。您还将注意到一个名为“all.css”的文件,该文件导入css文件。添加一个链接,如下所示: