0

jQueryダイアログのボタンをターゲットにしようとしていますが、ページ上のいくつかのダイアログのうち1つのダイアログのみです。

通常、使用する前にボタンをターゲットにします。

.ui-dialog .ui-dialog-buttonpane

と

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset

この場合、この 1 つのダイアログのボタンのみをスタイル設定したい (中心に配置したい)。

ダイアログは非表示の div から作成されます。

<div id="one" style="display:none;">
  Content of the dialog
</div>

<script type="text/javascript">
$(document).ready(function(){
  $("#one").dialog({
    buttons: {"save":function(){alert("saved");}}
  });
});
</script>

この単一のダイアログだけを CSS で対象にするにはどうすればよいですか?

ありがとう！

4

1 に答える 1

1

#onejQuery UI は要素をダイアログの本体に組み込むため、CSS だけを使用して兄弟セレクターを使用できるはずです。

#one ~ .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin: auto;
  /* whatever other styling you need here */
}
于 2013-04-30T02:49:29.990 に答える