問題タブ [jquery-ui-theme]

プロジェクトをフレームワークのベータリリースに移動しましたが、ASP.net MVC私が抱えている唯一の問題はjQueryとjQueryUIです。

取引は次のとおりです。

次Site.Masterのスクリプト参照があります。

そして、それらを使用すると、accordian UI1つの問題を除いて、ビューの1つにあるものが完全に機能します。からの画像ThemeRollerがページに含まれていません。jQuery参照をコメントアウトすると、ThemeRoller画像がそこにあります。すべてのcssはにありContent folder、すべてのスクリプトはにありScripts folderます。

これがばかげた道の問題であることは知っていますが、それは私をけいれんさせています。

私は何が欠けていますか？

アップデート

私は無駄に最初の答えを試しました、詳細についてはコメントを読んでください。ご覧いただきありがとうございます。

2番目のアプローチも機能していません。私は困惑しています。

別の更新

スクリプトにタグを使用するUrl.Contentと、実際にスクリプトを正しく実行できます。スタイルシートに通常のタグを使用すると、ThemeRollerに関連するすべてのスタイルを除いて、すべてのスタイルがページに表示されます。

jquery-ui-themeroller.cssファイルはContentフォルダーにあり、要素を検査すると、cssが存在します。問題は、このcssファイルからContentフォルダーにもあるthemerollerのimagesフォルダーへのマッピングにあると思われます。次のように指定されたこのファイルの画像リンク：background: url(images/foo.gif)

このファイルのリンクを変更する必要がありますか？

以前Themerollerはアプリのテーマを生成していましたが、アラートを作成するためにjQueryandを使用しています。jQuery UImodal dialog

Firefox 2 および 3 では問題なく動作します (見栄えもよくなります) が、IE 6 および 7 ではボタンが右にずれます。

IE のマージン バグに悩まされているようですが、回避策を見つけるために Themeroller CSS またはさらに悪いことに jQuery 生成コードを掘り下げる前に、簡単な修正があるかどうかを確認したかったのです。

ボックスは両方の Firefoxen で次のように表示されます。

同じボックスが IE6/7 でどのように見えるかを次に示します。

jQuery UI のデモ ページのボタンは、IE では少し見栄えがよくなりますが、サイズ変更バーの下では少し隠れています。ここで誰も「そうそう、修正方法は次のとおりです...」と言わない場合は、両方の CSS ファイルを並べて配置し、違いを把握する必要があります。

部分的に関連する問題が表示されますが、そこにある答えは私の問題には当てはまりません (私のダイアログ コンテナーには ui-dialog クラスがあるためです。

初めてダウンロードjqueryしjquery-uiて、昨夜使用/学習しました。

私はそれを機能させる方法を理解しました.今、themerollerでダウンロード可能/カスタマイズ可能なテーマをいじっています...（素敵なツール）.

これらのツールを最大限に活用するための最良の方法についての質問:

私は、独自のカスタム css を使用して好きな色/フォントで既に「テーマ化」しjquery/jqueryUIた既存のasp.netものに統合しています。「themeroller」アプリを使用して、jquery UI 要素を既存の css color/フォントスキーム。

本当の問題は、私はそれを逆にやっているのですか？themeroller でテーマを設計し、その生成された CSS をすべてのアプリに使用したほうがよいでしょうか? jquery 以外の UI 要素用に既に持っている css を模倣するために themeroller を使用するのとは対照的に?

themeroller を使用して CSS をダウンロードし、生成された CSS に基づいて jqueryUI 以外の CSS を作成できると便利であることがわかりましたが、それが一般的に受け入れられている方法ではない場合は試したくありません。途中で問題を引き起こすことになります。

このテーマでこれを達成する方法がよくわかりません。

フィラメントグループは、このデモでいくつかの可能性を示しています。しかし、アコーディオンや他のプラグインが正しく機能しないため、きらめきがすべて金色であるとは限りません（これは進行中の作業です）。

関連する質問は次のとおりです。ui-corner-allを使用したIEのラウンドコーナー

1 つのアプリケーションで複数の jQuery UI テーマを整理して実装するのに役立つテクニック/ヒント/トリックを誰かが持っていますか?

スタイルのオーバーライドを強制する最も確実な方法と思われるため、使用!importantすることにしましたが、この方法はあまり望ましくありません。

主に黒い背景に白いテキストである jQuery UI テーマを使用しています。私は a<fieldset>と aを使用して<legend>おり、後者のテキストは黒の背景に黒で表示されています (黒はブラウザーのデフォルトのフォント色です)。

さまざまな jQuery UI テーマ CSS クラスを凡例に適用してみましたが (「ui-widget-content」など)、テキストを白くしたいだけの場合、境界線や背景などの余分な荷物が多すぎます。

誰かが「テキストを白にしてみませんか?」と言う前に、切り替え可能なテーマを持っているので、テーマのスタイルシートから色を取得する必要があることを述べておく必要があります。

jQuery を使用して CSS クラスをすべての凡例に適用できることはわかっています。必要な凡例がわかっている場合は、次のようになります。

どんな助けでも大歓迎です。

jquery UIの追加のテーマはどこかにありますか（jqueryui.comは除外されています）？

私は次のテーマを見つけました：

• http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme

まず、mvc3プロジェクトにはすでにjquery uiが含まれていますが、テーマcssファイルは含まれていません。

選択した日付が必要で、いつものようにEditorForDateTimeをオーバーライドする必要がありました。私は今日、スクリプトの下でプロジェクトに付属しているデフォルトのjqueryuijsファイルを使用することから始めました。日付ピッカーは正常に表示されますが、Site.cssに基づいてUIがめちゃくちゃになっているだけです。

そこで、jqueryのビルド（開始テーマを含む）をダウンロードし、それをまとめる方法についてこのページをたどりました。

私はT4MVCを使用しているので、私のページは次のようになります
。Layout.cshtml：

Create.cshtml

そしてこれが結果です：

任意のアイデアで、スクリプトとcssファイルのタグをさまざまな場所に配置する場所をいくつか組み合わせてみましたが、何も機能しないようです。

更新：それで、私はレイアウトにタグの<script>代わりを持っているのはばかげていました！<link>しかし、まだ問題があります。日付ピッカーはSite.cssのcssで表示されます。

アップデート2：ソリューションあり

だから私はクロームをチェックしました、そしてリソースの下で私はjquerycssファイルを見ることができません。フィドラーを起動しましたが、cssファイルのリクエストが表示されません。

見えます！

<link href="@Links.Content.start.jquery_ui_1_8_7_custom_css" **rel="Stylesheet"** type="text/css" />

はい！そうです、私はrelを追加しませんでした！

ここでjquery ui js ファイルの cdn url を見つけましたが、cdn のどこでテーマ css ファイルを見つけることができますか? 滑らかさのテーマを探しています。