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

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("选项", "选项名称", 值);

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

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