Создать кнопку в отображаемом шаблоне

Question

Позвольте мне перейти прямо к делу :). В моем проекте я рендерил шаблон с помощью jquery-tmpl, например:

box = $.tmpl('<div> [....] <button></button> [....] </div>')

Если я вставлю box в DOM, появятся красивые кнопки JQuery. Согласно DOM (проверено с помощью Chrome) buttons уже были преобразованы в кнопки jquery-ui.

Вопрос: я хочу изменить эти кнопки, но - после попытки в течение двух часов - я не могу понять, как это сделать. Я понял

$('button', box).button({'icons' : {'primary' : 'icon name'}})

например, сработает, но это не так. Как мне изменить мои кнопки?

Answer 1

jQueryUI обычно следует шаблону обновления виджетов после их инициализации на элементах DOM:

$("#foo").button("option", "optionname", value);

Таким образом, чтобы обновлял значок кнопки после инициализации, вы бы сделали это:

$("button", box).button("option", "icons", {primary:'icon-name'});