在渲染模板中创建按钮答案

【问题标题】：Create button in rendered template在渲染模板中创建按钮
【发布时间】：2011-06-05 20:33:54
【问题描述】：

让我直奔主题:)。在我的项目中，我正在使用 jquery-tmpl 渲染一个模板，如下所示：

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

如果我在 DOM 中插入 box，就会出现漂亮的 JQuery 按钮。根据 DOM（使用 Chrome 进行检查），buttons 已经转换为 jquery-ui 按钮。

问题：我想修改这些按钮，但是 - 在尝试了两个小时后 - 我不知道如何去做。我想

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

例如，可以做到这一点，但事实并非如此。如何修改我的按钮？

【问题讨论】：

【解决方案1】：

jQueryUI 通常遵循在 DOM 元素上初始化小部件后更新小部件的模式：

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

所以在初始化之后到update the button's icon，你会这样做：

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

【讨论】：