javascript - 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

度过美好的一天