Jquery Dialog
xhtml ページでボックスを使用しています。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
か?
もしそうなら、どのようにそれを行うことができますか?