Добавление пользовательского HTML в панель кнопок диалога jQuery - PullRequest
Новая
       28

Добавление пользовательского HTML в панель кнопок диалога jQuery

4 голосов
/ 30 января 2012

Я хочу добавить некоторый пользовательский HTML между кнопками в диалоговом окне jQuery (в частности, диапазон, содержащий слово «или»).

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?Спасибо!

1 Ответ

4 голосов
/ 30 января 2012

Сделайте что-нибудь подобное после создания диалога? 

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