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

Question

对于表单，我有一个提交按钮，使用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'));
                   ...

但这没有任何作用。如果我删除＆gt;，我会得到一个微调器，但它显示如下：

我该如何解决这个问题？

修改：我想要的是：

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

Answer 1

另一个例子没有处理你所使用的按钮，这就是为什么<没有返回任何内容，

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

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

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