jQuery UI的按鈕圖像是不會改變

Question

我想根據我存儲與所述元件和用於該我試圖將數據改變的jquery-UI按鈕圖像：

$(document).ready(function(){                
    $("#ppbutton").button({ icons: { primary: 'ui-icon-play'} }); 
}); 

/* this code is from inside function(e) where e is eventobject */ 
var state = $(e.currentTarget).attr("data-state"); 
state == "pause" ? 
    $("#ppbutton").button("option", "icons", { primary: "ui-icon-play" }) : 
    $("#ppbutton").button("option", "icons", { primary: "ui-icon-pause" }); 

但這上面的代碼不改變按鈕圖像。我不能在這裏使用toggleClass，因爲它不是必需的，每次調用函數時，圖像都會改變。請幫我嗎？

Answer 1

要更新圖像屬性，你需要運行$("#ppbutton").button("refresh")方法

http://jqueryui.com/demos/button/#method-refresh

有一個尼夫一天