modal - jquery dialog position

Agregar HTML personalizado al panel de botones de diálogo jQuery

Question

Quiero agregar un poco de HTML personalizado entre los botones en un cuadro de diálogo jQuery (específicamente un lapso que contiene la palabra "o").

El Javascript que tengo es algo como esto:

$("#foo").dialog({
autoOpen: false,
width: 600,
modal: true,
resizable: false,
buttons: {
save: { text: ''Save'', class: ''form-finish form-submit'', click: function() {
…
}
},
cancel: { text: ''Cancel'', class: ''form-cancel'', click: function() {
$( this ).dialog( "close" );
}
}
}
});

El HTML que produce es esto:

<button class="form-finish form-submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false"><span class="ui-button-text">Save</span></button>
<button class="close cancel ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false"><span class="ui-button-text">Cancel</span></button>

Lo que quiero es esto:

<button class="form-finish form-submit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false"><span class="ui-button-text">Save</span></button>
<span class="article">or</span>
<button class="close cancel ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false"><span class="ui-button-text">Cancel</span></button>

¿Hay alguna manera de hacer esto sin hackear el núcleo de jQuery UI? ¡Gracias!

Answer 1

Haga algo como esto después de crear un diálogo?

 $(".form-finish").after("<span class=''article''>or</span>");