jQuery的用戶界面：本地和遠程列入樣式

之間的差異當我有一個可調整大小的jQuery UI的對話框遠程像這樣jQuery的用戶界面：本地和遠程列入樣式

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/start/jquery-ui.css" />

一個jQuery UI的樣式表，我得到這樣的結果：

enter image description here

，但是當我在本地下載同樣的文件，包括它像這樣

<link rel="stylesheet" type="text/css" href="./jquery-ui.css" />

我得到這樣的結果：

enter image description here

注意失蹤的右下角，這似乎是唯一的差別調整手柄。

是什麼導致差異？

2013-03-05 chessweb

外貌像按鈕也有一個漸變...我想你只需要去：**/jquery-ui.css **並確保bg路徑正確路徑 – Riskbreaker 2013-03-05 19:09:21

是的，就是這樣。 – chessweb 2013-03-05 19:17:56

您缺少位於該文件夾中的圖像文件。使用http://jqueryui.com/themeroller/並下載課程。確保添加所有文件。 – Dom 2013-03-05 19:18:23

jquery-ui引用了一堆圖像精靈表。在包含來自ajax.googleapis.com的引用時，圖像的路徑將得到正確解析，因爲谷歌將這些圖像託管在其服務器上，並將它們放在適當的位置。然而，在你本地的jquery-ui.css副本中，我猜測你的圖片不在正確的位置。

我使用jQuery UI在目前的一個項目，我的文件夾結構是：

Content 
    images   <--- this is the jquery ui sprite iamges folder 
    jquery-ui.css

2013-03-05 19:18:50

去/jquery-ui.css，確保BG路徑是正確的路徑

2013-03-05 19:18:51 Riskbreaker

回答