使用Themeroller

Question

我想让我的jQuery-UI-using网页可以通过Themeroller Firefox bookmarklet实现主题。当我在themeroller demopage上打开书签小程序时，一切都像预期的那样发生了变化。在我自己的页面上，或者在其他示例页面上，只有URL更改了，但样式没有应用。

我需要开发工具，在我现有的网页上找到jQuery-UI的最终风格。我怎么才能让它工作呢？

我使用Firefox并将我的页面放在and服务器上，所以没有Firefox不适用本地安全限制。

Answer 1

我也有同样的问题。This link解决了我的问题。

总而言之:在FF版本10以上的版本中，有些东西不太好用。

修复方法:右键单击"ThemeRoller开发工具“的书签，转到”属性“。

将'Location:‘更改为这个-->

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)}}})();

然后是“保存”。这为我解决了问题。