[JavaScript] jQuery-UI의 Dialog에 Button Class 지정

What?

jQuery-UI의 Dialog를 이용하여 Confirm 등의 메시지박스를 사용할 때 버튼에 별도 Class를 지정해줘야하는 경우가 있다.

그럴때에는 create라는 속성을 이용하여 해당 Button을 찾아서 addClass 처리를 하면 된다.

How?

$('div').dialog({
  modal : true
  , buttons : dialogButtons
  , create : function() {
    $(this).closest('.ui-dialog').find('.ui-dialog-buttonset .ui-button:not(:first)')
                                 .addClass('subbutton');
  }
});

Tips

일반적으로 find할 때 ".ui-dialog-buttonset"을 제외해도 되는데, 나의 경우에는 close 버튼이 button 태그로 되어있어서 하단의 버튼만 적용하도록 추가하였다.