Jquery Dialog始终是透明的

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.