Question

我有一个表，我需要定期更新其中的一些数据，所以我有以下代码：

$.post('/Orders/Updated', function (data) {
for (var i in data.updatedOrders) {
    //alert(data.updatedOrders[i].Key);
    var orderV = $("div.vsi[data-key='" + data.updatedOrders[i].Key + "']");
    orderV.attr("data-r", data.updatedOrders[i].r);
    orderV.attr("data-v", data.updatedOrders[i].s);
    orderV.parent().animate({ backgroundColor: '#FFF' }, 300, "swing", function () {
        var icon = orderV.find("i");
        icon.removeClass();
        if (data.updatedOrders[i].Score <= 2) {
            icon.addClass("icon-ok-sign");
            icon.css("color", "#16fe03");
        } else if (data.updatedOrders[i].Score <= 13) {
            icon.addClass("icon-exclamation-sign");
            icon.css("color", "orange");
        } else {
            icon.addClass("icon-remove-sign");
            icon.css("color", "red");
        }
        $(this).animate({ backgroundColor: 'transparent' }, 550);
    });
 }
}

上面的代码工作正常，并突出显示第一个更新，但随后它更新了其余的订单，但没有突出显示它们。我根据我发现没有运气的其他答案尝试了queue: false和queue: "global"。任何想法？

顺便说一下，我正在排队的方式如下

        .
        .
        .
        }
        $(this).animate({ backgroundColor: 'transparent' }, 550);
    }, {queue: "global"});

更新： HTML阻止：

<th class="to_hide_phone span1 " style="text-align: center; background-color: transparent;">
    <div class="vsi" data-r=" sample reason" data-v="0" data-key="somekey" data-original-title="" title="">
        <i class="icon-ok-sign" style="color: rgb(22, 254, 3); font-size: xx-large; margin-right: 5px;"></i>
    </div>
</th>

Jquery Animate运行不像我预期的那样

0 个答案: