Jquery dialogbox'X'image not not？？一個

我在asp.net MVC4項目中使用JQuery 1.9.1和JQuery UI 1.10.2。我已經從NuGet Tool下載了所有這些JS和Css。我在框中缺少JQuery對話框'X'圖像。如何獲得對話框？Jquery dialogbox'X'image not not？？一個

enter image description here

項目文件夾結構是這樣的。

Project 
| 
|-Content 
| | 
| |-Themes 
|  | 
|  |- Base 
|   | 
|   |-Images 
|   | 
|   JQuery.UI.* Files 
|   --- 
|   ---- 
| 
| 
|-Scripts 
    | 
    JQuery-1.9.1.JS All Files 
    JQuery-UI-1.10.2.JS All Files

當我搜索JQuery-UI-1.10.2.js時，發現下面的代碼插入圖像。

this.uiDialogTitlebarClose = $("<button></button>") 
      .button({ 
       label: this.options.closeText, 
       icons: { 
        primary: "ui-icon-closethick" //This Image 
       }, 
       text: false 
      }) 
      .addClass("ui-dialog-titlebar-close") 
      .appendTo(this.uiDialogTitlebar); 
     this._on(this.uiDialogTitlebarClose, { 
      click: function(event) { 
       event.preventDefault(); 
       this.close(event); 
      } 
     });

我不知道那個圖像文件在哪裏。我只有來自JQuery UI的圖像文件。

enter image description here

來源

2013-07-17 James123

獲取螢火蟲，看看它是否試圖引用一個圖像...如果它然後看看它試圖去等什麼路徑...如果你有一個在線的例子，這不工作，我會更高興看看它。這聽起來可能是一個簡單的CSS問題。 – Banning

@Paarth如何在對話框中獲取？ – James123

Check in CSS什麼是類「ui-dialog-titlebar-close」的圖像，順便說一句，網絡選項卡中的404錯誤圖像 –

我遇到一個對話框，看起來像你包括一個任何時候，那是因爲jQueryUI的css文件中未正確加載。你有一行包括它在你的HTML，像

<link rel="stylesheet" href="themes/base/jquery-ui.css"></link>

對不對？

ui-icon-closethick只是告訴jqueryUI在哪裏看它的ui-icons圖像，這是一個包含全部173個jqueryUI圖標的圖像。（您可以直接查看圖像以獲取想法，或者在jqueryUI theme roller上查看 - 它實際上會顯示對話框想要加載的圖標集。）大多數圖標通常來自內容顏色集，儘管他們也有選擇，活動等圖標集。你可以檢查你的css文件的ui-icon定義來確切地看到哪個圖像集被引用。

來源

2013-07-17 13:50:06

從此路徑下載圖像文件夾 https://github.com/jquery/jquery-ui/tree/master/themes/base/images 將圖像文件夾放在css文件夾中。確保名字是正確的。

來源

2014-05-02 12:58:25 Stef

出現這種情況的原因，是因爲你調用引導，你調用的jQuery UI的後

從字面上看，交換兩個這樣的是不是：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script src="/js/bootstrap.min.js"></script>

變得

<script src="js/bootstrap.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

源：https://stackoverflow.com/a/20457891/187025

來源

2015-03-19 10:03:18

這對我有幫助，但關閉按鈕圖像位置並不完全在關閉按鈕上。它爲什麼顯示這種行爲？ –

我知道這是一個老帖子，但是，我有這個問題，沒有任何建議爲我工作，所以我想我會分享我的2美分。

在檢查對話框關閉按鈕的DOM，我意識到，雖然圖像正在正確下載，按鈕本身是這樣的：

<button class="ui-dialog-titlebar-close" type="button"></button>

因此，它缺少用戶界面圖標和UI -javascript-closethick類在由jquery生成後。這顯然是一個錯誤。但是，我的簡單解決方案就是在創建對話框後插入以下代碼。

$('.ui-dialog-titlebar-close').addClass('ui-icon ui-icon-closethick');

這將導致按鈕標籤看起來像下圖和圖標顯示正確。

<button class="ui-dialog-titlebar-close ui-icon ui-icon-closethick" type="button"></button>

我希望這有助於某人。

來源

2016-03-18 10:05:51 DaRoGa

Jquery dialogbox'X'image not not？？一個

回答

相關問題