在渲染模板中创建按钮

Question

让我直截了当地说:)。在我的项目中，我使用jquery-tmpl渲染模板，如下所示：

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

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

问题：我想修改这些按钮，但是 - 尝试了两个小时后 - 我无法弄清楚如何操作。我想了

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

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

Answer 1

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

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

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

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