jQuery UI ThemeRoller开发人员工具

Question

'jQuery UI ThemeRoller Developer Tool‘的用途是什么？

我有这个工具作为火狐的jQuery website said工具栏。上面写着：

在那之后我打开了一个网站。我单击了工具栏上的jQuery UI ThemeRoller。jQuery主题滚轮已打开。但在我点击每个主题后，什么都没有发生。我怎么使用它？

Answer 1

jQuery ThemeRoller Developer工具允许您在使用jQuery CSS3设置样式的任何网站上设置jQuery元素的样式。只需将其添加到您的书签，然后选择它，如果您想重新样式和现有的jQuery网站。

下面是一个不错的概述：http://www.filamentgroup.com/lab/introducing_the_themeroller_firefox_developer_bookmarklet/

注意：

在评论中，你会看到它在FireFox的某些版本中被破坏了。以下是建议的解决方法之一：

下载bookmarklet

• Wrap中提到的书签文件将所有href属性选择器的值放在单引号中，例如href=’foo’

• Host somewhere.

• Update developertools.js

somewhere.

• Update

1. developertools.js to href=’foo’
2. Host the modified href your bookmarklet以指向修改后的href

Answer 2

我在JQuery Forums上找到了一个很好的解决这个问题的方法。由于它有点过时了，它不适用于FF 10以上的版本。在那里发布了一个修复，也在这里发布了，也许有人会发现它很有用：

将bookmarklet源代码替换为以下代码：

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

Answer 3

这个小工具是为JQuery UI制作你自己的主题，我相信你可以在使用JQuery UI的网站上使用这个小插件来下载和修改它们的主题。

只需尝试一下：http://jqueryui.com/themeroller/，看看你可以通过点击图库中的主题或更改内容来做些什么，当你点击一个图库主题时，也可以看看浏览器中的url。

Lauw