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

要更新image属性，您需要运行$("#ppbutton").button( "refresh" )方法

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

有一个美好的一天