在呈現的模板中創建按鈕

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);

所以要初始化後，update the button's icon，你可以這樣做：

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