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将按预期工作。