要素とともに保存したデータに応じて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を使用できません。助けてください?