我有一个列表,通过ajax加载多个按钮,每个按钮都有类quickList。
当我点击其中一个按钮时会改变颜色。再次单击它将返回原始颜色,如下所示:
$('.quickList').live('click', function(e) {
var toggle = $(this).data('press');
if ( toggle == "true" ) {
$(this).buttonMarkup({ theme: "b" });
$(this).data("press","false");
}
else {
$(this).buttonMarkup({ theme: "a" });
$(this).data("press","true");
}
});
问题是,如果有一个以上的按钮,就会发生冲突。如果我单击一个按钮它会改变颜色,如果我单击另一个按钮,它会删除第一个按钮的颜色(对于起始颜色)并将该颜色放在最近点击的按钮上。
我想要的是按钮是独立的,但这种冲突正在发生,我该如何解决?