如何更改窗体顶部的jQueryUI对话框按钮位置？

如何将按钮位置更改为页面顶部？我已经尝试了很多例子，但是它们只显示在左边或右边。但是我想显示表单顶部的按钮

      $( "#popup" ).click(function() {
$( "#dialog-form" ).dialog( "open" );
});

$( "#dialog-form" ).dialog({ 
 autoOpen: false,
 height: 300,
 width: 350,
 modal: true,
 buttons : {
 "search" : function(){
 $(this).css({position:top})
 },
 "use selected" : function(){}
 }

 });

看看这个

本质上，您的CSS：

div.ui-dialog-buttonpane {
    position: absolute;
    /* height + padding + margin of header */
    top: 41px;
    /* play around with this setting to your liking. */
    width: 97%;
    /* use a more specific selector to avoid using !important */
    padding: 0 !important;
}
/* for a bottom border use this */
div.ui-dialog-buttonpane {
    /* use a more specific selector to avoid using !important */
    border-width: 0 0 1px 0 !important;
}

---

请在打开对话框时尝试预先设置按钮元素的位置，就像下面的代码片段一样

$('#dialog-form').dialog({
  open: function (event, ui) {
    $(this).prepend($(this).parent().find('.ui-dialog-buttonpane'));
  },
  ...

---

我喜欢克里夫的答案，但我会使用

.before（）

而不是

.prepend（）

，因为这将使您的按钮面板和内容元素保持在相同的级别

$('#dialog-form').dialog({
    open: function (event, ui) {
        $(this).before($(this).parent().find('.ui-dialog-buttonpane'));
    },
    ...

然后我还会更改按钮窗格的边框。（取决于你的主题）

Css

---

可能有机会吧对不起，我觉得太有勇气了。简单的解决方法是将对话框的按钮集作为目标，改变它的位置，并给它一个顶部偏移值。哇..太好了。数据表也可以以相同的形式显示吗？你的英语让我想起《星球大战》中的尤达。我很难理解你的需要。如果您试图在

jQuery对话框窗口中使用
jQuery数据表插件
，那没关系。你可能需要做一些测试，直到你找到正确的方法让它工作，很难在这样一个广泛的问题上提供建议。
.ui-dialog .ui-dialog-buttonpane {
    border-top-width:0px; border-bottom-width:1px;
}