模仿jQuery UI對話框按鈕樣式

Question

誰能告訴我要為html按鈕指定的類名，例如，

<div id='dlg' class='dialog'>
 <input type="text" id="client" name="client" />
 <button type='button' class='WHAT_CLASS' onclick="afunction()">Cancel</button>
</div>

我希望默認情況下應用相同的按鈕外觀jquery ui'Redmond'樣式

$dlg.dialog({
  autoOpen: false,
  title: 'Company name',
  buttons: {
  'Cancel': function() {
    $dlg.dialog('close');
     }, ......

謝謝

Answer 1

有多個必要的課程！ 您應該為此使用jQuery UI功能：

$("button").button();

http://jqueryui.com/demos/button/

但是，如果您不能執行此操作，則jQuery添加的類為： ui-button ui-widget ui-state-default ui-corner-all

Answer 2

如果頁面中包含jQuery UI，則類名稱為ui-button 。 編輯：另外還有其他類，例如ui-state-default等，這取決於按鈕的狀態。 模擬此行為的最簡單方法是完全不模擬它-按預期使用jQuery UI。