Jquery ui jQueryUI主题开关未加载图像_Jquery Ui_Themes

Jquery ui jQueryUI主题开关未加载图像

jquery-ui

Jquery ui jQueryUI主题开关未加载图像,jquery-ui,themes,Jquery Ui,Themes,我想玩一下themeswitcher，所以我做了一个简单的页面，看看它是如何工作的，然后再处理它 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascr

我想玩一下themeswitcher，所以我做了一个简单的页面，看看它是如何工作的，然后再处理它

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js"></script>
<script type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css"></script>
<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
<script>
$(document).ready(function(){
  $('#switcher').themeswitcher();
  $('#calendar').datepicker();
});
</script>
</head>
<body>
  <div id="switcher"></div>
  <input type="text" id="calendar"></input>
</body>
</html>


$（文档）.ready（函数（）{
$（“#切换器”）.themeswitcher（）；
$（“#日历”）.datepicker（）；
});

但是在页面加载之后，我在chrome中打开了开发者工具面板，脚本应该加载的所有图像都抛出了403个禁止的错误。这很奇怪，因为在我第一次尝试页面时，switcher div就工作了，但我在日期选择器id上打了个错，所以我在修复后重新加载了页面，然后出现403个错误。所以我想让它再次工作，但它看起来将是一个痛苦的本地主机所有的主题资源，并改变主题切换URL，以反映这一点；我错过什么了吗

谢谢

除了code.jQuery.com之外，您不允许热链接到jQuery属性

您只需将代码和图像下载到自己的服务器上，然后修改代码以指向您在自己的服务器上下载的图像。

我无法找到可以下载jQuery主题切换程序代码的位置，但我在github上遇到了以下内容来详细说明Tylers的答案：

我也有类似的错误，所以我从下载了js，将其保存为jquery.themeswitcher.js，并将所有http jquery ui URL替换为google API https URL

唯一的变化是在var switcherpane中，每个链接看起来像：

<li><a href=
"http://jqueryui.com/themeroller/css/parseTheme.css.php?....">
<img src=
"http://jqueryui.com/themeroller/images/themeGallery/theme_90_ui_dark.png" alt=
"UI Darkness" title="UI Darkness" /> <span class="themeName">UI
darkness</span></a></li>

我将其替换为：

<li><a href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/ui-lightness/jquery-ui.css">
<img src="content/images/theme_90_ui_light.png" alt="UI Lightness" title=
"UI Lightness" /><span class="themeName">UI lightness</span></a></li>

如果在文件中搜索，则会有一些其他html图像被进一步引用

你可以找到所有的图片

我也有这个问题！当我单独尝试此操作时，此图像（对于ex）正在加载，但当工具尝试加载时，它给出了403错误。不知道为什么？我也是。但是，当其他人尝试使用相同的代码库时，这对他们是有效的。我在开发过程中做了很多页面刷新，我想知道他们是否有流量限制。如果是这样，那么这个工具显然不适合生产。