jquery ui对话框在按钮前面添加图像

对于表单,我有一个提交按钮,使用ajax发布表单.加载此表单时,我想在按钮旁边显示一个微调器.这可能看起来像这个问题： jQuery UI Dialog,adding elements next to a button,但不同的是,在该帖子中,问题是在左角显示一个图标.此外,提出的解决方案对我不起作用.

我尝试了以下(从另一个线程)：

var $respond_dialog = $( "#respond_div" ).dialog({
        width: 500,autoOpen: false,resizable: true,modal: true,buttons: {
            "Reageren": function() {
                            $('<div style="width:20px;height:20px;float:right;" 
                            class="ui-autocomplete-loading"></div>').insertBefore(
                            $("#respond_div").next('.ui-dialog-buttonpane > button:first'));
                   ...

但这没有任何作用.如果我删除>,我会得到一个微调器,但它显示如下：

我怎样才能解决这个问题？

编辑：我想要的是这个：

小提琴：http://jsfiddle.net/vpwjw/10/

解决方法

另一个例子是没有处理你所使用的按钮组,这就是<没有回报,

$('<div style="width:20px;height:20px;float:left;" class="ui-autocomplete-loading"></div>')
 .insertBefore('#respond_div .ui-dialog-buttonpane button:first');

您只需使用1个选择器即可获得正确的位置.还要注意,浮动：左;

您还需要调整填充以使其居中.