2013-04-15 57 views
3

我的jquery對話框由於某種原因是透明的,但它確實顯示了我加載的部分視圖的字段。我不知道爲什麼當我有另一個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> 

回答

0

我覺得它使用圖像的對話框的背景。在你爲這個項目安裝jQuery時,你還記得/themes/base/images文件夾嗎?

+0

我的文件夾。我的其他對話框工作正常。 – zms6445

6

我遇到了同樣的問題。

除了jquery.ui.dialog.css,您還需要包含指向基本jQuery UI CSS的鏈接:jquery-ui.css

0

這已被取代。現在,當添加jQuery UI包時,所有css文件都會下載到/ content/themes/base文件夾。你還會注意到一個名爲「all.css」的文件,它導入了css文件。添加一個鏈接如下:

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