Здравствуйте. Возникла проблема следующего рода:
на сайте использую бегущую строку (библиотека в данном случае не имеет значения). Кроме того на сайте используются динамическое обновление данных через ajax. Обновление происходит ежесекундно. Фрагмент кода прилагаю ниже (обработка ответа от сервера). Возникла проблема: при обновлении данных происходит "дерганье" бегущей строки. Может кто-то подскажет как быть и можно ли что-то сделать, чтобы строка плавно двигалась?
for (key in data) {
row = data[key];
var dohod_rub = (row.GrowthDaily * row.Price / 1000).toFixed(3),
GrowthDaily = (row.GrowthDaily).toFixed(3);
if ($("table.info-table").length > 0) {
var portfel_data = getUserInfo('portfolio'),
portfel_data_row;
portfel_data_row = portfel_data[key];
dohod_rub = portfel_data[key] != undefined ? (parseFloat(row.Price - portfel_data_row.AvgPrice) * parseFloat(portfel_data_row.Quantity)).toFixed(3) : 0;
GrowthDaily = portfel_data[key] != undefined ? ((parseFloat(row.Price - portfel_data_row.AvgPrice) / portfel_data_row.AvgPrice) * 100).toFixed(3) : 0;
if (portfel_data[key] != undefined)
$(".data-sum-item-id_" + key).text((portfel_data_row.Quantity * row.Price).toFixed(3));
else
$(".data-sum-item-id_" + key).text(0);
}
if (parseFloat(GrowthDaily) < 0) {
$(".doh-daily_" + key).removeClass("green-value").addClass("red-value").text(GrowthDaily);
if ($(".doh-rub_" + key).length > 0) {
$(".doh-rub_" + key).removeClass("green-value").addClass("red-value").text(dohod_rub);
}
$(".doh-daily_" + key).parent("div.up").addClass("red-value");
} else {
$(".doh-daily_" + key).removeClass("red-value").addClass("green-value").text("+"+GrowthDaily);
if ($(".doh-rub_" + key).length > 0) {
$(".doh-rub_" + key).removeClass("red-value").addClass("green-value").text("+"+dohod_rub);
}
$(".doh-daily_" + key).parent("div.up").removeClass("red-value");
}
if (parseFloat(row.GrowthMonthly) < 0) {
$(".doh-month_" + key).removeClass("green-value").addClass("red-value");
if ($(".doh-rub_" + key).is(":visible")) {
$(".doh-month_" + key).text((row.GrowthMonthly * row.Price / 1000).toFixed(3));
}
else {
$(".doh-month_" + key).text(row.GrowthMonthly);
}
} else {
$(".doh-month_" + key).removeClass("red-value").addClass("green-value");
if ($(".doh-rub_" + key).is(":visible")) {
$(".doh-month_" + key).text("+" + (row.GrowthMonthly* row.Price / 1000).toFixed(3));
}
else {
$(".doh-month_" + key).text("+" + row.GrowthMonthly);
}
}
if (parseFloat(row.GrowthYearly) < 0) {
$(".doh-year_" + key).removeClass("green-value").addClass("red-value");
if ($(".doh-rub_" + key).is(":visible")) {
$(".doh-year_" + key).text((row.GrowthYearly* row.Price / 1000).toFixed(3));
}
else {
$(".doh-year_" + key).text(row.GrowthYearly);
}
} else {
$(".doh-year_" + key).removeClass("red-value").addClass("green-value");
if ($(".doh-rub_" + key).is(":visible")) {
$(".doh-year_" + key).text("+" + (row.GrowthYearly* row.Price / 1000).toFixed(3));
}
else {
$(".doh-year_" + key).text("+" + row.GrowthYearly);
}
}
if (parseFloat(row.Price) < 0) {
$(".price-cell_" + key).addClass("red-value").text((row.Price).toFixed(3));
} else {
$(".price-cell_" + key).removeClass("red-value").text((row.Price).toFixed(3));
}
}