'jQuery UI ThemeRoller Developer Tool'の用途は何ですか?
jQueryのウェブサイトがFirefoxのツールバーに言ったように、私はこのツールを持っています。と言いました :
その後、私はウェブサイトを開きました。ツールバーのjQueryUIThemeRollerをクリックしました。jQueryテーマローラーが開きました。しかし、すべてのテーマをクリックした後、何も起こりませんでした。どうすれば使用できますか?
'jQuery UI ThemeRoller Developer Tool'の用途は何ですか?
jQueryのウェブサイトがFirefoxのツールバーに言ったように、私はこのツールを持っています。と言いました :
その後、私はウェブサイトを開きました。ツールバーのjQueryUIThemeRollerをクリックしました。jQueryテーマローラーが開きました。しかし、すべてのテーマをクリックした後、何も起こりませんでした。どうすれば使用できますか?
私はJQueryフォーラムでこの問題の良い修正を見つけました。少し古くなっていたため、10を超えるFFバージョンでは機能しませんでした。そこに修正を投稿し、ここにも投稿すると、誰かが便利だと思うかもしれません。
ブックマークレットのソースを次のコードに置き換えます。
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は期待どおりに機能します。
jQuery ThemeRoller Developer Toolを使用すると、スタイル設定にjQueryCSS3を使用する任意のWebサイトでjQuery要素のスタイルを設定できます。ブックマークに追加するだけで、既存のjQueryサイトのスタイルを変更する場合は選択します。
ここにまともな概要があります: http ://www.filamentgroup.com/lab/introducing_the_themeroller_firefox_developer_bookmarklet/
ノート:
コメントでは、FireFoxの一部のバージョンで壊れていることがわかります。提案された回避策の1つは次のとおりです。
ブックマークレットに記載されているdevelopertools.jsファイルをダウンロードします
すべてのhref属性セレクターの値を一重引用符で囲みます。たとえば、[href=foo]は[href='foo']になります。
変更されたdevelopertools.jsをどこかでホストします。
変更したdevelopertools.jsを指すようにブックマークレットを更新します
テーマローラーは、JQuery UI用に独自のテーマを作成するためのものです。JQueryUIを使用しているサイトでそのテーマローラーアドオンを使用して、テーマをダウンロードして変更できると思います。
http://jqueryui.com/themeroller/で試してみて 、ギャラリーのテーマをクリックしたり、変更したりして何ができるかを確認してください。また、ギャラリーのテーマをクリックしたときにブラウザのURLを確認してください。
ラウウ