jquery - 冲突类按钮 jQuery Mobile

Question

我有一个通过 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");
    }

});

问题是，如果有多个按钮，它们就会发生冲突。如果我点击一个按钮，它会改变颜色，如果我点击另一个按钮，它会删除第一个按钮的颜色（用于起始颜色）并将该颜色放在最近点击的按钮上。

我想要的是按钮是独立的，但是这种冲突正在发生，我该如何解决？