は、私はjQueryのダイアログを持っている私のjqueryのダイアログ

Question

のボタン上のクラスの追加：

// Configure buttons 
    var dialogButtons = {}; 

    dialogButtons[buttonConfirm] = function() { 
     $.ajax({ 
      type: "Post", 
      url: href, 
      cache: false, 
      success: function (data) { var func = success; window[func](data); } 
     }); 
     $(this).dialog("close"); 
    }; 

    dialogButtons[buttonCancel] = function() { 
     $(this).dialog("close"); 
    }; 

    // Configure dialog 
    $dialog.dialog(
     { 
      modal: true, 
      closeOnEscape: true, 
      resizable: false, 
      buttons: dialogButtons 
     }); 

    // Opening dialog 
    $dialog.dialog('open'); 

を私の質問：私は私のボタン上の特定のクラスのBTN 'を設定したいと思います。これどうやってするの？

おかげ

Answer 1

@Colinは、1つの答えを持っていたが、私は問題のダイアログに、より具体的だろうと思いました。 jQuery-UIにはwidgetメソッドがあり、ダイアログ自体で構成される要素を返します。あなたが探しているものを手に入れることができ、ui-buttonクラスを見つけると、これをカップリング：

$dialog.dialog('widget') // Grab widget (UI element) 
    .find('.ui-button') // Locate buttons within 
    .addClass('btn');  // hadd btn class to them 

EDIT：また、ここでの例です：あなたがソースを見てみる場合はhttp://jsfiddle.net/8WckB/

Answer 2

// Configure dialog 
$dialog.dialog({ 
    modal: true, 
    closeOnEscape: true, 
    resizable: false, 
    buttons: dialogButtons, 
    open: function(e, ui) { 
     $(this).parents(".ui-dialog").find(".ui-dialog-buttonset"); // here is your 
                    // button container 
     $(this).parents(".ui-dialog").find(".ui-dialog-buttonset .ui-button").addClass("btn"); // whereas this would select 
                           // all buttons in button container 
     // you could even use the widget method 
     // $(this).dialog("widget").find(".ui-dialog-buttonset .ui-button") 
    } 
}); 

Answer 3

、メソッド_createButtonsがjquery.ui.dialog.jsの場合、ボタンのテキストによってインデックスされたハッシュは、関数でなければプロパティのコレクションとして扱われます。だから、次のことができます。

はここ

var $dlg = $('#dlg').dialog({ 
    buttons: { 
     'firstButton': {    
      'click': function() { 
       $dlg.dialog('close'); 
      }, 
      'text' : 'OK',   
      'class': 'myclass' 
     }, 
     'Cancel': function(){ 
      $dlg.dialog('close'); 
     } 
    } 
}); 

ブラッドのフィドルのフォークはコードhttp://jsfiddle.net/uWnpy/