JQuery UI ThemeRoller Developer Tool - PullRequest
Новая
       21

JQuery UI ThemeRoller Developer Tool

0 голосов
/ 01 апреля 2011

Для чего нужен инструмент разработчика jQuery UI ThemeRoller?

У меня есть этот инструмент, поскольку на веб-сайте jQuery указано на панели инструментов Firefox.он сказал:

после этого я открыл веб-сайт.Я нажал на JQuery UI ThemeRoller на панели инструментов.jQuery тема ролик открыт.но после того, как я нажал на каждую тему, ничего не произошло.как я могу использовать это?

Ответы [ 3 ]

3 голосов
/ 20 марта 2012

Я нашел хорошее решение этой проблемы на 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.1 с после нажатия на закладку, и Themeroller будет работать как положено.

2 голосов
/ 28 ноября 2011

jQuery ThemeRoller Developer Tool позволяет стилизовать элементы jQuery на любом веб-сайте, который использует jQuery CSS3 для стилизации.Просто добавьте его в закладки, а затем выберите его, если вы хотите изменить стиль и существующий сайт jQuery.

Вот хороший обзор: http://www.filamentgroup.com/lab/introducing_the_themeroller_firefox_developer_bookmarklet/

Примечание:

В комментариях вы увидите, что он сломан в некоторых версиях FireFox.Вот одно из предложенных решений:

  1. Загрузите файл developertools.js, упомянутый в букмарклете

  2. Оберните значения всех селекторов атрибутов hrefв одинарных кавычках, например, [href = foo] становится [href = 'foo']

  3. Где-нибудь разместить измененный файл developertools.js.

  4. Обновите ваш букмарклет, чтобы он указывал на ваш измененный developertools.js

1 голос
/ 02 апреля 2011

Themeroller предназначен для создания собственной темы для пользовательского интерфейса JQuery. Я полагаю, что вы можете использовать это дополнение themeroller на сайтах, использующих пользовательский интерфейс JQuery, для загрузки их тем и их изменения.

Просто попробуйте на: http://jqueryui.com/themeroller/ и посмотрите, что вы можете сделать, щелкнув по темам в галерее или изменив материал, а также посмотрите URL в вашем браузере, когда вы щелкнете по теме галереи.

Lauw

...