Jquery Dialog 总是透明的答案

【问题标题】：Jquery Dialog is always transparentJquery Dialog 总是透明的
【发布时间】：2015-02-07 17:26:11
【问题描述】：

我的 jquery 对话框出于某种原因是透明的，但它确实显示了我正在加载的部分视图的字段。当我有另一个 jquery 对话框工作正常时，我不确定为什么它会这样做。

            @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>

【问题讨论】：

标签： jquery asp.net-mvc razor jquery-dialog

【解决方案1】：

我遇到了同样的问题。

除了jquery.ui.dialog.css，您还需要包含指向基本jQuery UI CSS 的链接：jquery-ui.css。

【讨论】：

【解决方案2】：

我认为它使用图像作为对话框的背景。在您为本项目安装 jQuery 时，您还记得 /themes/base/images 文件夹吗？

【讨论】：

【解决方案3】：

这已被取代。现在，当添加 jQuery UI 包时，所有 css 文件都会下载到 /content/themes/base 文件夹。您还将注意到一个名为“all.css”的文件，它导入了 css 文件。添加如下链接：

<link href="content/themes/base/all.css" rel="stylesheet" />

【讨论】：