jQuery ui对话框自定义按钮在单击后保持ui状态为活动状态

我正在尝试对jQueryUI对话框的按钮应用一些样式。我所经历的是，按下一个按钮并将鼠标移出按钮区域（如拖动）后，该按钮将保持ui状态处于活动状态。如何有效地删除按钮的ui状态焦点和ui状态活动类

我在公开赛中这样做：

open: function(event, ui) { 
    $('.ui-dialog-titlebar-close', ui.dialog).hide(); 
    $('.ui-dialog-buttonpane button').removeClass().addClass('button white').on('mouseover', function() { 
        $(this).removeClass('ui-state-hover'); }).on('mouseup, mousedown, mouseenter, click', function() { 
            $(this).removeClass('ui-state-focus ui-state-active'); 
            }); 
        }

---

（首先单击并拖动“是”按钮。然后症状也会出现在“否”按钮上）

您可以销毁按钮上的所有事件并应用自己的事件。大概是这样的：

open: function(event, ui) { 
   $('.ui-dialog-titlebar-close', ui.dialog).hide(); 
   $('.ui-dialog-buttonpane button').off().on({
       blur: function() {
          ..do what you want..
       },
       focus: function() {
          ..do what you want..
       },
       click: function() {
          ..do what you want..
       },
       etc.
  })
}

---

谢谢，但是我如何区分这两个按钮，以便为每个按钮重新分配各自的功能和css样式？