Jquery Dialog将自定义类添加到按钮

Question

我希望将类定义添加到使用button : { } 创建的元素中，而无需执行$('.ui-dialog-buttonpane button:eq(0)') 之类的操作。

http://jsfiddle.net/3zcEY/

     $(function() {
            $( "#dialog-confirm" ).dialog({
              resizable: false,
              height:140,
              modal: true,
              buttons: {
 //add a class definition to the delete all items button here. tried  
//class:'save' didn't work

                "Delete all items": function() {
                  $( this ).dialog( "close" );
                },
                Cancel: function() {
                  $( this ).dialog( "close" );
                }
              }
            });
          });

Answer 1

您可以使用选项对象来指定类名。

$("#dialog-confirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        buttons: {
            //add a class definition here.
            "Delete all items": {
                'class': 'customClass', //<-- specify the class here
                text: 'Delete all items', //<-- text for the button
                click: function () { //click handler
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });

Fiddle