Question

我的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>

Answer 1

我遇到了同样的问题。

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

Answer 2

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

Answer 3

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

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

Jquery Dialog始终是透明的

3 个答案: