1

例：<< 1 2 3 4 5 6 7 8 >>ページにポケットベルがあり、すべてのナビゲーション要素が通常のHTMLリンクです。JSが有効になっている最新のブラウザーの場合、 jQueryの.button（）を使用してそれらを美化したいと思います。しかし、私はNoScriptシナリオのために何かを持っていたいです。明らかに、リンクにCSSスタイルを追加する必要がありますが、カスタムCSSがjQueryのスタイルを台無しにしないことをどうやって知ることができますか？

これは不必要な懸念ですか？jQueryは、要素の以前のスタイルをクリアするための関数を提供しますか？

4

2 に答える 2

1

jQueryUI独自のスタイルシートを使用します。フレームワークのドキュメントを見てください-それはかなり簡単です。

jQuery UIのCSSフレームワークを使用する多くの長所には、堅牢でクロスブラウザ互換のCSSがあります。バグ修正の堅実な流れ（もしあれば）。また、アプリケーションの配色を変更する場合は、あなたがする必要があるのは、スタイルシートを新しいテーマロールのもの、またはjQueryUIにバンドルされている標準テーマの1つに置き換えることです。

言うまでもなく; jQuery UIは、それ自体のCSSをオーバーライド/分割することはできません。また、JavaScriptを有効にした場合と無効にした場合で同じように見えるポケットベルが表示されます。

ヒント：jQueryUICSSフレームワークのドキュメントを読む時間がない場合。FireBug（Mozilla FireFoxアドオン）を使用して、jQuery UIによって生成されたHTMLを検査し、それをno-script-markupに適用します。

アップデート

ボタンになっているリンクを調べたところです。jQueryUIのボタンプラグインによって生成されるマークアップは次のとおりです。

<a href="#" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
    <span class="ui-button-text">An anchor</span>
</a>
于 2010-08-15T22:29:17.483 に答える
1

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

于 2010-08-15T22:31:48.537 に答える