6

jqWidgets ライブラリに基づいてシングルページ アプリケーション (SPA) を構築しています (jQuery UI の上に構築されています)。

ここで、別のフレームワークでビルドされたウィジェット コンポーネントを使用したいと考えています (可能性はExt JSまたは jQuery UI です)。

CSS の互換性の問題が心配です。このトピックについてよく読んだところ、いわゆる CSS Scope 属性が見つかりました。残念ながら、この件に関する最近のテキストは見当たりません。そのため、その状態についてはわかりません。

SPA でこの問題と戦う他の可能性はありますか? または回避策？

4

3 に答える 3

0

ライブラリのスタイルの後に独自のスタイルを追加してください。そうすれば、非常に安全になります。奇妙なバグに遭遇した場合は、それらの特定の CSS ルールを削除して、別のクラスに適用してください。

私は、ほとんどのバグがbox-sizing、ポジショニング、 marginおよびpaddingサイジングに直接関連していると考えています。

乾杯！

于 2013-07-31T10:21:55.187 に答える
0

最近、1 つのページで 2 つの異なるフレームワークのウィジェットを使用する必要がありました (ExtJS と jxlib、mootools に基づく従来のウィジェット ライブラリ)。

私は2つの問題を抱えています：

  1. 1 つ目は、ボックスのサイジングに関するものでした。ExtJs は jxLib を使用box-sizing: border-boxしますbox-sizing: content-box。これをcssに追加するだけで十分でした：

    .jxDialog * {
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -ms-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

  2. Javascript 側では、問題が 1 つだけあり、この質問で解決策を得ました。jQuery では、問題が発生するかどうかはわかりません。

于 2013-10-25T13:34:56.700 に答える