0

Jquery Dialogxhtml ページでボックスを使用しています。2 つJquery Dialogのボックスがあり、各ボックスのルック アンド フィールが他とは異なるため、addClass属性を使用する必要がありました。これについては、この投稿で説明しました。などの多くのクラスをオーバーライドする必要があるためui-dialog, ui-corner-all, ui-widget-header、 を使用してクラスを追加し続けましたaddClass。コードは以下、

$('.ui-widget-content').addClass('new-ui-widget-content');
$('.ui-widget').addClass('new-ui-widget');
$('.ui-dialog .ui-dialog-titlebar').addClass('new-ui-dialog new-ui-dialog-titlebar');
$('.ui-widget-header').addClass('new-ui-widget-header');
 $('.ui-helper-clearfix').addClass('new-ui-helper-clearfix');
 ....

$j("#dialog").dialog({
dialogClass: 'new-ui-widget-content',
dialogClass: 'new-ui-widget',
dialogClass: 'new-ui-dialog new-ui-dialog-titlebar',
dialogClass: 'new-ui-widget-header',
dialogClass: 'new-ui-helper-clearfix',
....

しかし、クラスの 1 つだけがオーバーライドされていることに気付きました。つまり、私は多くのクラスをオーバーライドしましたnew-ui-widget-contentが、オーバーライドされるのは(最初に配置された)だけです。

私も以下の方法で試しました。しかし、構文エラーが発生します。

    $j("#dialog").dialog({
        dialogClass: 'new-ui-widget-content','new-ui-widget',......

によって複数のクラスをオーバーライドできますaddClassか?

もしそうなら、どのようにそれを行うことができますか?

4

1 に答える 1