問題タブ [jquery-ui-theme]

jquery-ui datepicker を自分の Web サイトに追加してみました。必要な jquery-ui js コンポーネントと Smoothness テーマ css をダウンロードしました。問題は、ウィジェットをサイトに追加すると、次のようになることです。

壊れた日付ピッカー

これとは対照的に：

それはどのように見えるべきか

サイトのメイン スタイルとしてカスタマイズされた twitter ブートストラップを使用していますが、Chrome Inspect 要素によると、ウィジェットのスタイリングには影響していないようです。

何が間違っている可能性がありますか、またはこれをさらに調査するにはどうすればよいですか?

みなさん、

jquery テーマローラー アラート アイコンを使用しています。このアイコンを別の色で表示したい。たとえば、このアイコンをエラー メッセージでは赤色、警告メッセージでは黄色で表示します。以下はデフォルトのアイコンです。

Jqueryアイコンに色を追加することは可能ですか?

<input type="text">左側の の中にテーマローラーのアイコンを挿入するにはどうすればよいbackground-imageですか?

テーマは動的であるため、画像に直接アクセスすることはできません。実行時に現在のテーマがわからない。、などui-iconのクラス名にしか依存できません。ui-icon-email

ありがとう。

見逃している隠し「変更を保存」ボタンはありますか? zip ファイルに含まれる HTML ページの例でさえ、開いたときに追加された属性を表示しません。Themeroller の使いやすさ (つまり、ドラッグ アンド ドロップ) がとても気に入っています。

だから私はこのアプリケーションに取り組んでおり、jQuery で入力制御を行っています。まさにスタンダード。

しかし、この css(ui-state-error) をドロップダウン リストに表示する方法が見つかりません。これを行う最も簡単な方法は何ですか?

UILightnessテーマに基づくThemeRollerを使用してカスタムjQueryUIテーマを作成しました。私のjqGridは次のようになります

私の調査によると、ヘッダーはcssクラスui-state-default ui-th-column ui-th-ltrを使用しており、背景画像を使用しています：images/ui-bg_glass_100_f6f6f6_1x400.pngfrom jquery-ui-1.10.0.custom.css。

ヘッダーの色を変更するために、 ThemeRollerでどのような設定を変更しますか？

jQuery UIタブを垂直タブとしてスタイル設定しようとしていますが、提供されている垂直タブデモとは少し異なるスタイルになっています。

私はこれを達成しようとしています：

しかし、私が得ることができる最高のものはこれです：

タブの下の境界線の色がテキストの色と一致していることに気付くでしょうが、私は本当に境界線がタブ全体で一貫していることを望んでいます。

私はこのようにcss行を追加することができます：

ただし、jQuery UIテーマローラーによって提供される色をハードコーディングしたくないので、テーマを変更したり、Webサイトのブランドごとに異なるテーマを使用したりすると、これは悪夢になります。維持。

問題をもう少し深く見てみると、標準のjQueryUIテーマcssがこれを行っているようです。

これは、すべてが通常、下の境界線を削除する必要がある水平タブ用に設定されているためです。生成されたテーマローラーcssの一部であるため、これを削除できません。省略形の境界線の最初の2つ（つまり、幅とスタイル）のみが指定されているため、これによってborder-colorプロパティが変更されることはないと思います。したがって、ここでは境界線の色が上書きされないことを期待しますが、実際には上書きされ、フォントの色に設定されています。

このcss行を元に戻すために私が行ったことは次のとおりです。

ここでも、border-bottom-colorには触れていないことに注意してください。

この結果、少なくともFirefoxでは、これはfirebugから取得されたものです。

何らかの理由で、border-bottom-colorに何も触れていないのに、色がデフォルトのブラウザの色に戻されているように見えます。.ui-widget-content .ui-state-defaultの色を通過させたいだけですが、その方法がわかりません。

DOMの親要素から色を取得したくないため、inheritを使用しても機能しません。

これが私の問題を示すjsFiddleです。誰かが私が保守可能な解決策を得るのを手伝ってもらえますか？

Rails アプリケーションで jQuery UI の不確定プログレスバーを適切に機能させるのに問題があります。私は、http://jqueryui.com/progressbar/#indeterminateにある jQuery-UI API デモに基づいて作業を行っており、これをアプリケーションに適応させようとしています。

エミュレートしようとしている jQuery サンプル コードの重要な部分は次のとおりです。

Rails アプリの主要なコードは次のとおりです。

アプリケーション.js:

ページ固有の JS (event.js) - views/events/new.html.erb に含まれています:

アプリケーション.css:

events.css.scss:

ビュー/イベント/new.html.erb:

提供されたページの結果の HTML:

このコードは、jQuery デモの灰色のアニメーション バーではなく、progressbar div に空白の白いバーを生成します。document.ready 関数のコメントを削除すると、バーは赤 (#aa0000) に変わりますが、まだアニメーション化されておらず、静的です。この振る舞いについて誰かが持っている洞察をいただければ幸いです。

更新: 次のスレッドを見つけました - https://forum.jquery.com/topic/progressbar-api-redesign#14737000003912014 - アニメーション オーバーレイ GIF ファイルがまだテーマ パッケージに含まれていないことを示唆しているので、ダウンロードしましたassets/images/animated-overlay.gif にインストールしましたが、それでも機能しません。Smoothness テーマの CSS ファイルに次の行が見つかりました。

だから私は画像を正しい場所に置いていると思います。助言がありますか？