如何讓css類在JQuery中的確定按鈕的對話框？

Question

我是Jquery的新成員。我有一個對話框的代碼。

$(this.choosePadsContainer).dialog({ 
     title: 'Choose pad locations', 
     autoOpen: false, 
     modal: true, 
     buttons: { "OK": function() { 
      //Extract all checked pad locations. 
      var checkedPads; 
      checkedPads = new Array(); 
      $(self.padLocationsForActivity + " input:checked").each(function (index, value) { 
       checkedPads.push($(value).val()); 
      }); 
      //Set selected pad text. 
      setSelectedPadText(self.selectedPadsLblIdFormat, $(self.hiddenActivityAreaCode).val(), checkedPads); 
      $(this).dialog("close"); 
     } 
     } 
    }); 

我想給css類的確定按鈕。它將如何完成？

Answer 1

AFAIK它不直接支持，但事情應該工作：

$(".ui-dialog-buttonset .ui-button", this.choosePadsContainer).addClass("foo");

Answer 2

我認爲你可以做這樣的事情。

$(window).load(function() { 
    $("span[class=ui-button-text]:contains('OK')").each(function() { 
      $(this).addClass("myClass"); 
    }); 
}); 

Answer 3

使用的buttons財產備用（陣列）語法：

$(this.choosePadsContainer).dialog({ 
    title: 'Choose pad locations', 
    autoOpen: false, 
    modal: true, 
    buttons: [ 
     { 
      text: 'OK', 
      className: 'myClass', 
      click: function() { 
       //Extract all checked pad locations. 
       var checkedPads; 
       checkedPads = new Array(); 
       $(self.padLocationsForActivity + " input:checked").each(function (index, value) { 
        checkedPads.push($(value).val()); 
       }); 
       //Set selected pad text. 
       setSelectedPadText(self.selectedPadsLblIdFormat, $(self.hiddenActivityAreaCode).val(), checkedPads); 
       $(this).dialog("close"); 
      } 
     } 
    ] 
}); 

Answer 4

按tvanfosson的回答here，你可以使用open處理程序：

open: function(event) { 
    $('.ui-dialog-buttonpane').find('button:contains("OK")').addClass('okButton'); 
} 

E.G.

$(this.choosePadsContainer).dialog({ 
    title: 'Choose pad locations', 
    autoOpen: false, 
    modal: true, 
    open: function(event) { 
     $('.ui-dialog-buttonpane').find('button:contains("OK")').addClass('okButton'); 
    }, 
    buttons: { "OK": function() { 
     //Extract all checked pad locations. 
     var checkedPads; 
     checkedPads = new Array(); 
     $(self.padLocationsForActivity + " input:checked").each(function (index, value) { 
      checkedPads.push($(value).val()); 
     }); 
     //Set selected pad text. 
     setSelectedPadText(self.selectedPadsLblIdFormat, $(self.hiddenActivityAreaCode).val(), checkedPads); 
     $(this).dialog("close"); 
    } 
    } 
});