4

私が現在取り組んでいるプロジェクトでは、ウィジェットの一部に jQuery UI フレームワークを使用しています。ユーザーにグローバルなルック アンド フィールを提供するために、CSS にもフレームワークを使用したいと考えています。

現在、ユーザーがデータの全体的なステータスを確認できるホームページのようなダッシュボードを実装しています。このダッシュボードは、グリッド レイアウトに配置する必要があるいくつかの div のビルドです。

次のようにdivのスタイルを設定しようとします

<div class="ui-widget">
  <div class="ui-widget-header">Box Header</div>
  <div class="ui-widget-content">
    Content of the Box
  </div>
</div>

後で、ドラッグおよびソート可能な機能をいくつか実装したいと思います。

私が今直面している問題は、ボックスが正しく配置されていないことです。

そのようなcss作業にjQuery.UIを使用するヒントはありますか? jqueryui.com で CSS フレームワークのドキュメントを調べていましたが、それほど多くの情報はありません。

よろしくお願いします、

ゴードン

4

3 に答える 3

0

私はあなたの例を試しましたが、うまくいきます。何も問題はありませんでした... どのブラウザを使用していますか? 万が一IEを使用している場合、それが問題になる可能性があります。クロスブラウザのはずなのに… IEは使ってないので確認できずすみません。他のブラウザで試してみて、それが修正されるかどうかを確認してください。また、ui-core ファイルと ui-theme ファイルが含まれていることを確認してください。他の CSS ファイルを含めずに、それが修正されているかどうかを確認してください。スタイルがどのように適用されるかを確認するには、firebug (firefox) を使用することをお勧めします。

このページで CSS がどのように適用されているかを確認してください。役に立つかもしれません。

于 2010-02-23T01:21:21.917 に答える
0

うまくいかない例を教えてください。

jQuery-UI-css をロードして何かを上書きした後、独自の css をロードするかもしれません。

于 2010-03-29T09:25:15.620 に答える
0

コンテンツ ボックスとヘッダー ボックスが一致しない場合は、CSS のパディングが異なることが原因である可能性があります。コンテンツ ボックスのパディングを見出しボックスのパディングと同じに設定してみてください。これは、私が遭遇したときに問題を修正しました。

于 2010-03-29T09:29:52.613 に答える