1


1

スクリプトなしのシナリオで、jQuery UIによってオーバーライドされるデフォルトのCSSスタイルを提供する最良の方法は何ですか?

例:私のページには、すべてのナビゲーション要素が通常のHTMLリンクであるページャー `<< 1 2 3 4 5 6 7 8 >>`があります。 JSが有効になっている最新のブラウザーの場合、http://jqueryui.com/demos/button/ [jQuery’s .button()]でそれらを美しくしたいと思います。 しかし、NoScriptシナリオ用に何かが欲しいです。 明らかにリンクにCSSスタイルを追加する必要がありますが、カスタムCSSがjQueryのスタイルを台無しにしないことをどのように知ることができますか?

これは不必要な懸念ですか? jQueryは、要素の以前のスタイル設定をクリアする機能を提供しますか?

2 Answer


1


jQuery UI独自のスタイルシートを使用します。 http://docs.jquery.com/UI/Theming/API [フレームワークのドキュメント]をご覧ください。

jQuery UIのCSSフレームワークを使用する多くのプロには、堅牢でクロスブラウザ互換のCSSがあります。 バグ修正の固体ストリーム(ある場合)。 そして、アプリケーションの配色を変更することにした場合;必要なのは、スタイルシートを新しいhttp://jqueryui.com/themeroller/[theme-rolled]の1つ、またはjQuery UIにバンドルされている標準テーマの1つに置き換えることだけです。

言うまでもなく; jQuery UIは、独自のCSSをオーバーライド/フラックできません。 また、JavaScriptを有効にした場合としない場合で同じように見えるページャーが表示されます。

ヒント:jQuery UI CSSフレームワークのドキュメントを読む時間がない場合。 http://www.getfirebug.com [FireBug](Mozilla FireFoxアドオン)を使用して、jQuery UIで生成されたHTMLを検査し、no-script-markupに適用します。

更新

ボタンにされたリンクを検査しました。 jQuery UIのボタンプラグインによって生成されるマークアップは次のとおりです。

    An anchor


1


簡単な解決策は、NoScriptシナリオで使用されるページャーにクラスを適用し、ボタンを設定した後にJavaScriptを使用してそのクラスを単純に削除することです。