0

'jQuery UI ThemeRoller Developer Tool'の用途は何ですか?

jQueryのウェブサイトがFirefoxのツールバーに言ったように、私はこのツールを持っています。と言いました :

その後、私はウェブサイトを開きました。ツールバーのjQueryUIThemeRollerをクリックしました。jQueryテーマローラーが開きました。しかし、すべてのテーマをクリックした後、何も起こりませんでした。どうすれば使用できますか?

4

3 に答える 3

3

私は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は期待どおりに機能します。

于 2012-03-20T10:57:36.967 に答える
2

jQuery ThemeRoller Developer Toolを使用すると、スタイル設定にjQueryCSS3を使用する任意のWebサイトでjQuery要素のスタイルを設定できます。ブックマークに追加するだけで、既存のjQueryサイトのスタイルを変更する場合は選択します。

ここにまともな概要があります: http ://www.filamentgroup.com/lab/introducing_the_themeroller_firefox_developer_bookmarklet/

ノート:

コメントでは、FireFoxの一部のバージョンで壊れていることがわかります。提案された回避策の1つは次のとおりです。

  1. ブックマークレットに記載されているdevelopertools.jsファイルをダウンロードします

  2. すべてのhref属性セレクターの値を一重引用符で囲みます。たとえば、[href=foo]は[href='foo']になります。

  3. 変更されたdevelopertools.jsをどこかでホストします。

  4. 変更したdevelopertools.jsを指すようにブックマークレットを更新します

于 2011-11-28T03:23:31.233 に答える
1

テーマローラーは、JQuery UI用に独自のテーマを作成するためのものです。JQueryUIを使用しているサイトでそのテーマローラーアドオンを使用して、テーマをダウンロードして変更できると思います。

http://jqueryui.com/themeroller/で試してみて 、ギャラリーのテーマをクリックしたり、変更したりして何ができるかを確認してください。また、ギャラリーのテーマをクリックしたときにブラウザのURLを確認してください。

ラウウ

于 2011-04-01T23:25:48.237 に答える