ダイアログのヘッダー部分にボタンを追加していますか？

Question

「x」アイコンと共にダイアログのヘッダー部分に2つのボタンを追加したいが、そのボタンの下にボタンを追加することができる。時間を検索した後でも、またはその位置を下から上に変更することができます。私を助けてください。

$(function(){ 
    var winsize = ["width=400,height=500"]; 
    var newwin = function() { 
     window.open("http://www.google.com", "New Window", winsize); 
     $(this).dialog("close"); 
    } 
    var hide = function() {} 
    var btns = { 
     buttons: { 
     "+": newwin, 
     "-": hide 
     } 
    }; 
    $("#dialog").dialog(btns); 
}); 

Answer 1

それはまた、次んでした醜いですが、右方向に多分キック...

http://jsfiddle.net/AjKFe/48/

//create dialog 
$("#dialog2").dialog({ 
    height: 140, 
    modal: true, 
    autoOpen: false 
}); 

//add a button 
$("<a href='#' style='float:right; margin-right:1em;'></a>").button({icons:{primary: "ui-icon-plus"},text: false}).insertBefore('.ui-dialog-titlebar-close').click(function(e){ 
    e.preventDefault(); 
    alert("click"); 
}); 

Answer 2

私はこれを回避するために、ダイアログのタイトルに通常のボタンを配置しました。もちろん、手動で配線する必要があります。そのため、簡単な解決策ではありません。

Answer 3

：

var titlebar = dialog.parents('.ui-dialog').find('.ui-dialog-titlebar'); 
    $('<button>-</button>') 
     .appendTo(titlebar) 
     .click(function() { 
      // smth here 
    });   
    $('<button>+</button>') 
     .appendTo(titlebar) 
     .click(function() { 
      //smth here 
    }); 

または置き換えることによって、jQueryのアイコンを使用" - "と "+"は、

<span class="ui-icon ui-icon-minusthick">minimize</span>