0

当我为可调整大小的 jquery-ui 对话框远程包含 jquery-ui 样式表时,就像这样

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

我得到这个结果:

在此处输入图像描述

但是当我下载相同的文件并像这样在本地包含它时

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

我得到这个结果:

在此处输入图像描述

请注意右下角缺少的调整大小手柄,这似乎是唯一的区别。

造成差异的原因是什么?

4

2 回答 2

0

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-05T19:18:50.390 回答
0

转到/jquery-ui.css并确保 bg 路径是正确的路径

于 2013-03-05T19:18:51.687 回答