問題タブ [jquery-ui-theme]

Maybe I'm missing something, but after reading the jQuery UI docs, I don't see anything about applying theme styles to normal widgets, like input and select tags. After calling button() on buttons and datepicker() on input tags that will pick dates, am I supposed to wrap normal textareas and inputs in a <div class="ui-widget"> to give a consistent-looking style, or give them a certain css class, or call a function on document load that styles everything else?

私はまだJQueryとJQueryUIテーマを初めて使用します。私はなんとか自分のテーマを開発し、ボタン付きの簡単なテストページにそれを適用することができました。ドキュメントを読みましたが、それを適用するために明示的に呼び出す必要があると書かれている場所が見つかりませんでし$(":button").button();た。

これを行わないと、テーマは適用されません。では、なぜこれを明示的に行う必要があるのでしょうか。または、これが私から予想される場合、すべてのアイテムにテーマを自動的に適用するための一般的なスクリプトを持っている人はいますか？ありがとう。

編集

回答やコメントを読んで、UIテーマの適用が自動であるとほのめかす人もいれば、手動で適用する必要があると言う人もいます。提供されたテストHTMLページのテストは、テーマを手動で適用する必要があることを示しているようです。

ここで同じ質問がjqueryuiタブが機能していないことがわかりましたが、役に立ちませんでした。これはタブを作成する必要がある私のHTMLですが、機能していません。

このhtmlの出力は次のとおりです。

リスト要素はタブとして表示する必要がありますが、リストとして表示されます。どうしてこんなことに？前もって感謝します。

jQuery UI 用に独自の CSS を作成しています。

基本的に、ラジオ ボタン、チェックボックス、および通常のボタンには異なるスタイルが必要です。

ここでの問題は、偽のウィジェットに追加される jQuery のクラスが、それがどのような種類のボタンであるかを指定しないことです。

たとえば、次のコードがあるとします。

jQuery は、これら 2 つの要素を次のように変換します。

ご覧のとおり、変更されたラベルと生成されたスパンには、チェックボックス (またはラジオ/ボタン) であることを示すクラスがありません。

理想的な解決策は、私が気付かなかったいくつかのクラスに基づいていることを願っています。2 番目に良い解決策は、jQuery UI にモンキー パッチを適用して、これらの入力により良いクラスを追加することです。最終的に考えられる解決策は、jQuery ファイルをハックすることです...ただし、これは避けたいと思います。

いかなる種類のファンボーイ主義、非建設的なコメント、および同様の回答も容認されないことに注意してください. 問題は jQuery UI です。mootools や extjs など、トレンディな l33t ライブラリが頭に浮かんだら聞きたくありません。

デザインを実装し、可能な限りテーマローラーを活用しようとしています。ただし、私は DataTables もよく使用しており、テーブル ヘッドは ui-widget および ui-state-default コンポーネントの配色になっています。このため、2 つの個別のテーマが必要です。1 つは一般的なウィジェットとページのテーマ用で、もう 1 つはテーブル専用です。

私の質問は、どのテーマでもダウンロードされるファイル名は jquery-ui-1.8.18.custom.css であり、説明的ではありません。これは、mysite-theme という名前のディレクトリにあり、このディレクトリは、jquery-ui-1.8.18.custom という名前のディレクトリにある css という名前のディレクトリにあります。

css ディレクトリに必要な最小限のファイルは何ですか? 開発バンドルに加えて、js ディレクトリといくつかの js ファイルがあります。js ディレクトリを css ディレクトリから分離できますか? jquery-ui-1.8.18.custom.css ファイルの名前を mysite-theme に似たものに変更し、mysite-theme-tables のような別の名前を付けることはできますか?

スコープを使用すると、親ディレクトリの名前が異なっていても、ファイル名は互いに同一になります。それが私の懸念です。

このSlickGridの例を適用しようとしています。

http://mleibman.github.com/SlickGrid/examples/example4-model.html

私自身のウェブプロジェクトに。

グリッドをページの上部にドロップすると、正しくレンダリングされます。ただし、同じページのjQuery UIタブタブにドロップすると、検索画像をレンダリングするCSSスプライトが正しくオフセットされません。

アイコンはでレンダリングされます

jQuery UIタブも同じCSSクラスを使用しているように見えますが、もちろん競合が発生します。

IE9の効果的なスタイルを見ると、正しくレンダリングされるjQueryUIタブの外部のコントロールには次のものがあります。

正しくレンダリングされないコントロールは次のようになります。

結論

SlickGridをjQueryUIタブに配置すると、ui-icon-searchクラスが失われるため、間違っbackground-position-x/yた設定になります。

そのクラスが失われるのはなぜですか。問題を解決するにはどうすればよいですか。

プロジェクトでjqueryテーマローラーを使用していますが、Chromeの警告が表示されていることに気付きました。

最悪の場合、「グリーンバナー」（安全なサイト）が再び白くなります。

調査したところ、この問題の根本は、jquery.ui.themeswitcher.jsSSL以外のURLを持つ変数を持っていることがわかりました。

「https」に変更すると、画像が読み込まれません（実際、このプロトコルはそこで有効になっていないようです）。したがって、問題は、ファイルを取得できるHTTPS対応のサイトはありますか？

Webアプリケーションの1つでjQueryUIテーマを使用しています。

ボタンのスタイルを適用する場合は、次のjqueryコードを追加します。

.buttonjqueryテーマでスタイルを設定したいボタンのクラスはどこにありますか。

「ハイライト」としてスタイリングしたい要素にテーマスタイルを適用するために、同様のことをどのように行うことができますか？

試し.highlight();ましたが、うまくいきませんでした。

注：span CSSクラスを要素に手動で追加できることは承知していますが、アイコンを表示する要素を追加する手間が省けるため、jQueryでこれを適用したいと思います。

したがって、次のHTMLコードを使用できるようにしたいと思います。

次に、jQueryを使用して次のように変換されます。

または、テーマローラーページの「ハイライト」の例の使用法を誤解しましたか？エラーの例の隣を考慮して、これは警告ボックスであると想定しました。

「滑らかさ」テーマをjqueryデータテーブルに追加しようとしましたが、成功しませんでした。私のデータテーブルはスタイルされません。

ここに私のヘッダーコードがあります:

本体のフォームは次のとおりです。

ここで私は正確に何を間違っていますか??

助けてくれてありがとう。

次の jQuery スクリプト/テーマが含まれているページがあります。私が望むデフォルトのテーマは、適用可能なすべての要素の「ui-lightness」ですが、「cupertino」テーマに従って jQuery ダイアログ ボックスのスタイルを設定したいと考えています。この要件を自分のページにどのように実装しますか?