jQuery UI ThemeRoller開發工具

Question

什麼是'jQuery UI ThemeRoller開發工具'用於？

我有這個工具作爲Firefox工具欄的jQuery website said。 它說：

之後，我打開了一個網站。我點擊工具欄上的jQuery UI ThemeRoller。 jQuery主題滾筒打開。但是當我點擊每個主題後，什麼也沒有發生。 我該如何使用它？

Answer 1

的jQuery的ThemeRoller開發者工具允許你的風格上，它使用jQuery的CSS3的造型任何網站jQuery的元素。只需將其添加到您的書籤中，然後選擇它，如果您想重新設計樣式並使用現有的jQuery網站。

這裏是一個體面的概述： http://www.filamentgroup.com/lab/introducing_the_themeroller_firefox_developer_bookmarklet/

注：

在評論，你會看到它是在Firefox的一些版本打破。這裏所提出的解決方法之一：

1. 下載的書籤

2. 總結中提到的developertools.js文件中的單引號，例如所有href屬性選擇的值[href = foo]變爲[href ='foo']

3. 將修改後的developertools.js寄存到某處。

4. 更新您的書籤以指向修改後的developertools.js

Answer 2

Themeroller是爲JQuery UI製作你自己的主題，我相信你可以在使用JQuery UI的網站上使用那個整合者插件來下載他們的主題並改變它們。

試試看出來： ，看看你可以通過點擊主題在畫廊或改變的東西做什麼，也看看你的瀏覽器中的URL當你點擊一個畫廊主題。

Lauw

Answer 3

我發現了這個問題一個很好的固定在JQuery Forums。由於這是一個有點過時了，它不是爲FF版本工作在10以上 發佈修復那裏，還張貼在這裏，也許有人認爲它有用：

與此代碼替換書籤來源：

javascript:(function(){if(!/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){alert("Sorry,%20due%20to%20security%20restrictions,%20this%20tool%20only%20works%20in%20Firefox");return%20false}else{if(window.jquitr){jquitr.addThemeRoller()}else{jquitr={};jquitr.s=document.createElement("script");jquitr.s.src="http://jqueryui.com/themeroller/developertool/developertool.js.php";document.getElementsByTagName("head")[0].appendChild(jquitr.s);var%20a=function(){jquitr.reloadCSS=function(){var%20c=jquitr.getHash(),b;if(jquitr.trString!==c&&c!==""){jquitr.trString=c;b='<link%20href="http://jqueryui.com/themeroller/css/parseTheme.css.php?'+c+'"%20type="text/css"%20rel="Stylesheet"%20/>';if($("link[href*='parseTheme.css.php'],%20link[href='ui.theme.css']").size()>0){$("link[href*='parseTheme.css.php']:last,%20link[href='ui.theme.css']:last").eq(0).after(b)}else{$("head").append(b)}if($("link[href*='parseTheme.css.php']").size()>3){$("link[href*='parseTheme.css.php']:first").remove()}}window.setTimeout(jquitr.reloadCSS,1000)};jquitr.reloadCSS()};window.setTimeout(a,1100)}}})(); 

單擊書籤後，這將替換1.1s後的錯誤代碼，Themeroller將按預期工作。