新行中的Allign jQuery按鈕

Question

我在jQuery對話框中只有3個按鈕。我想把第一個按鈕放在中間頂部，另外兩個按鈕放在第二行/每一行。我如何操作按鈕？

這是我的腳本：

<script type="text/javascript"> 


    $(document).ready(function() { 

     $('#wrapper').dialog({ 

      modal: true, 
      autoOpen: false, 
      resizable: false, 
      title: 'Create new user', 
      buttons: { 
       "Register": function() { 
        $(this).dialog("register"); 


       }, 
       "Send": function() { 
        $(this).dialog("send"); 


       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 

       } 
      } 
     }); 

     $("a").click(function (e) { 
     $('#wrapper').dialog('open'); 
     $("#wrapper").css("background", "#E18728"); 
     $("#wrapper").dialog({ width: 'auto', height: 'auto' }); 

     return false; 

     }); 

    }); 

</script> 

謝謝。

Answer 1

試試這個： - 在<center></center>（這個標籤在HTML4中不推薦使用，因此可能無法在HTML5中工作）中包含註冊按鈕，當對話框打開時，可以使用<div align="center"></div>來換行按鈕。
使用下面的jQuery：

$(document).ready(function() { 

     $('#wrapper').dialog({ 

      modal: true, 
      autoOpen: false, 
      resizable: false, 
      title: 'Create new user', 
      open: function(event) { 
       // wrap button inside center tag 
       $('.ui-dialog-buttonset').find('button:contains("Register")').wrap('<center></center>'); 
      }, 
      buttons: { 
       "Register": function() { 
        $(this).dialog("register"); 


       }, 
       "Send": function() { 
        $(this).dialog("send"); 


       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 

       } 
      } 
     }); 

     $("a").click(function (e) { 
     $('#wrapper').dialog('open'); 
     $("#wrapper").css("background", "#E18728"); 
     $("#wrapper").dialog({ width: 'auto', height: 'auto' }); 

     return false; 

     }); 

    }); 

Demo JSFiddle with Center tag

在HTML5的情況下，使用下面

open: function(event) { 
    $('.ui-dialog-buttonset').find('button:contains("Register")').wrap('<div align="center"></div>'); 
} 

Demo JSFiddle for HTML5