javascript - 在渲染模板中创建按钮

Question

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

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

如果我插入boxDOM，就会出现漂亮的 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'});