单击jQuery Mobile时按钮更改颜色

时间:2012-07-08 20:50:24

标签: jquery-mobile

我已经使用此代码更改了点击按钮的颜色:

$('.fav').live('click', function(e) { 

  $(this).buttonMarkup({ theme: "b" });

});

如何再次单击按钮返回正常颜色(主题c)?

有没有办法看到按钮的状态?

1 个答案:

答案 0 :(得分:1)

因为它必须是现场,所以你可以自己切换:

$('.fav').live('click', function() {
    var dotoggle = $(this).attr("dotoggle");
    if ( dotoggle == "1"  ) {
        $(this).buttonMarkup({ theme: "c" });
        $(this).attr("dotoggle","0");
     }
     else {
        $(this).buttonMarkup({ theme: "b" });
        $(this).attr("dotoggle","1");
    }
});

自定义切换示例的JSFiddle:http://jsfiddle.net/PLx8v/3/