jQueryUI themeswitcher沒有加載圖片

我想玩一些themeswitcher，所以我做了一個簡單的頁面，只是爲了看看它在搞亂之前是如何工作的。jQueryUI 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>

但在頁面加載後，我打開Chrome的開發者工具面板和腳本應該加載扔403禁止錯誤的所有圖像。這很奇怪，因爲他第一次嘗試頁面時切換器div工作，但我在datepicker id上發生了錯誤，所以在修復頁面後重新加載頁面，然後得到403錯誤。所以我想重新開始工作，但看起來像在本地託管所有主題資源並更改themeswitcher網址以反映這種情況會很痛苦;我錯過了什麼嗎？

感謝

來源

2011-01-20 EvilAmarant7x

我也有這個問題呢！當我單獨嘗試這個時，這個圖像（用於http://jqueryui.com/themeroller/images/themeGallery/theme_90_ui_light.png）正在加載，但是當該工具嘗試加載時，它會給出這個403錯誤。不知道爲什麼？ – rsmoorthy 2011-02-01 16:38:20

你不準熱鏈接比code.jquery.com其他jQuery的性能。 http://blog.jquery.com/2010/12/30/hotlinking-to-be-disabled-on-jan-31-2011/

您只需將代碼和圖像下載到您自己的服務器上，然後修改代碼以指向您在自己的服務器上下載的圖像。

來源

2011-02-08 22:59:09 Tyler

我沒能找到，你可以下載jQuery的主題切換器的代碼，但我沒有遇到在github https://github.com/harborhoffer/Super-Theme-Switcher以下

來源

2011-06-20 14:22:27 Ryan

爲了詳細說明Tylers答案：

我有類似的錯誤，所以我下載了將js從http://jqueryui.com/themeroller/themeswitchertool/保存爲jquery.themeswitcher.js，並將所有http jquery-ui網址替換爲google apis https網址。

唯一的變化是在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

來源

2012-09-19 05:50:20 woggles

jQueryUI themeswitcher沒有加載圖片

回答

相關問題