私は最近 jquery(ui) をいじっていますが、個人の Web サイトにいくつかの jquery ビットを追加したいと考えています。そうですね、Theme Roller によって作成されたテーマは本当に素晴らしいので、jquery 対応のいくつかの部分だけでなく、Web サイト全体をそのようにしたいと思っています。では、 http://jqueryui.com/docs/Theming/APIにリストされている CSS クラスを、実際には JavaScript を使用しない独自のものに使用するのは間違っていますか? するように<div class="ui-widget">
私が見ていない、これを行うためのより簡単でクリーンな方法はありますか? これは通常のアプローチですか、それともやり過ぎですか?
答えはノーです。それは間違っていません。全体として、あなたは正しい軌道に乗っています。JQuery のクラスを使用するのには理由があります。ただし、変更しないでください。外観を強化する必要がある場合は、独自のカスタム クラスまたは ID を追加してください。そうすれば、デフォルトの css が混乱したり、Jquery プラグインが壊れたりすることはありません。詳細については、以下のリンクを参照してください。
JQuery UI を基盤として使用する予定がある場合は、JQuery が独自の CSS ファイルを変更/更新する場合の下位互換性の問題について心配する必要があることに注意してください。 JQuery をサポートする独自のクラス。
http://docs.jquery.com/UI/Theming/API - この Web ページを参照して、JQuery のデフォルト クラスを適用する場所と方法を確認してください。
http://www.filamentgroup.com/lab/developer_your_own_jquery_themeroller_ready_components/ - これは少し古くなっていますが、カスタム クラスと JQuery を組み合わせる方法に関する有用な情報が含まれています。
http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ - この記事ではボタンについて詳しく説明します。前の記事よりも最新ですが、どちらもアイデアを概念化するのに役立ちます。
それは間違いではありませんが、スタイルを無作為に使用すると、人々を混乱させる可能性があります。
jQueryUI は現在開発中です。最新のベータ版には、ボタンを作成する新しい機能があります。ご覧のとおり、すべてのスタイルには、最終的に定義された目的と要素を作成するためのスクリプト化された方法があります。
いいえ、それはまったく間違ったことではありません。実際、コードを活用して素晴らしい完成品を実現すると考えられます。
ボストンで開催された最近の jQuery Conference で、Filament Group (テーマ ローラーを構築した人々) によるデモを見ることができました。彼らは、バックエンド サイト全体にテーマ要素を使用していると述べています。次に、クライアントとのミーティング中にブックマークレットを使用して、その場でテーマ全体を変更します。テーマを変更するだけで、ウェブサイト全体のスタイルと色が変わります。
HTMLでクラスを使用する場合、ドットはそこにあるはずがないことに注意してください。
<div class="ui-widget">