JQuery UI Elements'圖像未顯示

我在我的網站上使用了JQuery DatePicker元素。但是，我無法看到本月兩側顯示的小箭頭。該地區是可點擊的&我可以通過點擊該區域瀏覽月份。但其實際空白&沒有看到箭頭。JQuery UI Elements'圖像未顯示

如： '<' 7月2013 '>'

我在JQuery的對話框控制的關閉按鈕encounterd類似的問題。在這裏，關閉按鈕圖像，像 - >'X'，不會出現在右上角。但點擊該區域將關閉對話框。

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <link rel="stylesheet" href="styles/jquery-ui.css" /> 
    <script language="javascript" type="text/javascript" src="js/jquery.js" ></script> 
    <script language="javascript" type="text/javascript" src="js/jquery-ui.js"></script> 
</head>

這就是包含文件的順序。以下是我所指的鏈接。我已經使用該鏈接上發佈的css文件進行下載。

http://jqueryui.com/datepicker/#default

請幫忙。

來源

2013-07-03 Crash OR

你在CSS文件中檢查你的精靈的路徑嗎？ – j08691

你是否包含了css文件？ –

我已經包含了css文件。我也檢查了一樣。但我無法找到它。我搜索了所有的'datepicker'字符串，但沒有任何關於路徑的說法。 –

謝謝你們的幫助，我發現它！

.ui-widget-header .ui-icon { 
    background-image: url(images/ui-icons_222222_256x240.png); 
}

這是做目的的圖像路徑。該文件與code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css相同。

我真的很高興所有的幫助。再次感謝，@ j08691，@Tim B James，@Johnツ，@失敗！ :)

來源

2013-07-03 14:24:24

問題似乎是圖像文件相對於CSS文件的位置。 jQuery UI CSS工作表引用用戶界面中使用的各種圖像文件。你應該保留CSS文件夾內的所有文件並從那裏引用它們。儘管我發現你可以根據需要移動這些CSS文件夾。這裏是我使用多個jQuery UI主題的網站。

我的目錄列表：

enter image description here

這裏是從我的代碼引用：

enter image description here

我編碼ASP.NET所以才忽略了內容的佔位符的標籤。

*也請記住... 你在我的目錄列表（例如，「黑暗的主題」）看到每個主題文件夾爲「CSS」文件夾中創建當您使用jQuery's Custom Themeroller子文件夾。如果您使用的是默認的jQuery庫，我相信images文件夾和CSS文件直接位於「CSS」文件夾**

BONUS信息： 當使用jQuery Themeroller，它們允許你使用多個主題通過使用他們的「CSS範圍」標籤。您可以通過在提供的文本框中鍵入所需的類名稱來使用此功能（類必須以句點爲前綴，例如在jQuery選擇器中）。如果您使用多個主題，則只需調用一次jQuery，然後引用每個必需的CSS文件。這就是我在我的例子中所做的，也就是爲什麼它在完成時可能比你的看起來稍微複雜一些。

來源

2013-07-03 14:14:35 Lopsided

JQuery UI Elements'圖像未顯示

回答

相關問題