Я хочу добавить некоторый пользовательский HTML между кнопками диалогового окна jQuery (в частности, span, содержащий слово "or").
Javascript у меня примерно такой:
$("#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" );
}
}
}
});
HTML получается такой:
<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>
То, что я хочу, это:
<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>
Есть ли способ сделать это без взлома ядра jQuery UI? Спасибо!