3

由于某种原因，我的 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>
4

3 回答 3

6

我遇到了同样的问题。

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

于 2013-11-25T01:23:21.563 回答
0

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

于 2013-04-15T19:39:31.360 回答
0

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

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

于 2015-02-07T09:26:11.197 回答