jQuery Uiダイアログボタン、クラスを追加するには？

Question

私はどのように特定のボタンにクラスを追加するには、次の構文を使用して

How to add multiple buttons in Jquery UI dialog box?

..別のスレッドでこの答えを見つけましたか？あなたは番目のボタンを望んでいた場合

$("#dialog").dialog({ 
    buttons: { 
     'Confirm': function() { 
      //do something 
      $(this).dialog('close'); 
     }, 
     'Cancel': function() { 
      $(this).dialog('close'); 
     } 
    }, 
    create:function() { 
     $(this).closest(".ui-dialog") 
      .find(".ui-button:first") // the first button 
      .addClass("custom"); 
    } 
}); 

：API経由でこれを行うための素晴らしい方法がありますようにそれが見えない

$("#mydialog").dialog({ 
     buttons: { 
     'Confirm': function() { 
      //do something 
      $(this).dialog('close'); 
     }, 
     'Cancel': function() { 
      $(this).dialog('close'); 
     } 
     } 
    }); 

Answer 1

、しかし、あなたはcreateのイベントハンドラのクラスを追加することもできます、あなたが使用できます。

$(this).closest(".ui-dialog").find(".ui-button").eq(1).addClass("custom") // The second button 

キーは、ダイアログ内のボタンを選択します$(this).closest(".ui-dialog").find(".ui-button")、です。その後、任意のセレクタを適用することができます（:contains(...)など）。ボタンの順序ではなくテキストを基にボタンを選択すると便利です。ここで

は例です：http://jsfiddle.net/jjdtG/

も適用したいスタイル（S）のためのCSSセレクタが適用されるスタイリングためにはjQueryUIの組み込みセレクタより具体的なければならないことに注意してください。

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

きれい、ケーキの簡単な、一片：

Answer 2

は、オープンイベントハンドラを使用してください！

Answer 3

あなたは

$('#mydialog').dialog({ 
    buttons:{ 
    "send":{ 
     text:'Send', 
     'class':'save' 
    }, 
    "cancel":{ 
     text:'Cancel', 
     'class':'cancel' 
    } 
    }); 

で、私はこれがあなたのために働くだろうと思い...ボタンのダイアログ内にクラスを追加することができます。あなたはより多くの答えhereを見つけることができます。

Answer 4

希望すると助かります！

$("#mydialog").dialog({ 
      buttons: { 
      'Confirm': function() { 
       //do something 
       $(this).dialog('close'); 
      }, 
      "Cancel": { 
        click: function() { 
         $(this).dialog("close"); 
        }, 
        text: 'Cancel', 
        class: 'custom-class' 
       } 
      } 
     });