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

度过一个愉快的一天