冲突类按钮jQuery Mobile

时间:2012-07-09 08:47:02

标签: jquery jquery-mobile

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

});

问题是,如果有一个以上的按钮,就会发生冲突。如果我单击一个按钮它会改变颜色,如果我单击另一个按钮,它会删除第一个按钮的颜色(对于起始颜色)并将该颜色放在最近点击的按钮上。

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

0 个答案:

没有答案