2013-10-30 129 views
0

有人可以解釋我可以如何更改按鈕上的CSS類,用於標準JQuery UI對話框小部件嗎? 我的addClass()調用不起作用。JQuery UI - 更改按鈕類

$("#dialog-message").dialog({ 
    modal: true, 
    buttons: { 
     Ok: function() { 
      $(this).dialog("close"); 
      $(this).addClass("btn"); 
     } 
    } 
}); 
+1

請發佈您的HTML。 – Kehlan

+0

也許你會發現這有幫助:[addClass在創建函數](http://stackoverflow.com/questions/6702279/jquery-ui-dialog-buttons-how-to-add-class) –

回答

1

要回答你的意思要問,「有人能解釋我如何能爲更改按鈕的CSS類標準的JQuery UI對話框小部件「有幾種方法。這是最獨立的。 請注意'class'是用單引號封裝的。這是因爲如果不是,IE會中斷。

$("#dialog-message").dialog({ 
    modal: true, 
    buttons:[ 
     { 
      text: 'Ok', 
      'class': 'btn', 
      click: function(){ 
       $(this).dialog("close"); 
      } 
     }, 
     { 
      text: 'Cancel', 
      'class': 'cancel', 
      click: function(){ 
       $(this).dialog("close"); 
      } 
     }, 
    ] 
}); 
0

的dialogClass似乎是你在找什麼

$("#dialog-message").dialog({ 
    modal: true, 
    dialogClass: 'btn', 
    ... 

}); 
+0

謝謝,但沒有影響附在按鈕上的班級 – Slinky

+0

這可能是你想問的問題,而不是你問的問題! – Popnoodles

+0

這是一個正確的答案,只是不完整。你的對話框現在有一個類名,你可以導航到你想要的按鈕,因爲你現在可以引用任何子元素! – Jose