Question

我想稍微使用themewitcher，所以我做了一个简单的页面，只是为了看看它在弄乱它之前是如何工作的。

<!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>

但是在页面加载之后，我在chrome中打开了开发人员工具面板，并且脚本应该加载的所有图像都会抛出403禁止错误。这很奇怪，因为他在第一次尝试页面时切换器div工作了，但我在datepicker id上输入了一个拼写错误，所以我在修复它之后重新加载了页面然后得到了403错误。所以我想让它再次运行，但看起来本地托管所有主题资源并改变themewitcher urls来反映这一点会很痛苦;我错过了什么吗？

由于

Answer 1

除了code.jquery.com之外，您不能热链接到jQuery属性。 http://blog.jquery.com/2010/12/30/hotlinking-to-be-disabled-on-jan-31-2011/

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

Answer 2

我无法找到您可以下载jQuery主题切换器代码的位置，但我确实在github上遇到了以下内容https://github.com/harborhoffer/Super-Theme-Switcher

Answer 3

详细说明Tylers回答：

我有类似的错误所以我从http://jqueryui.com/themeroller/themeswitchertool/下载了js，将其保存为jquery.themeswitcher.js并用google apis https urls替换了所有http jquery-ui 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图像被进一步引用。

您可以找到所有图片here

jQueryUI themeswitcher没有加载图片

3 个答案: