jQuery - Сообщение Ajax приводит к HTML, отображающемуся в неправильном положении
У меня есть сайт с отправленными потоками пользователя, за которые проголосовали на (или вниз), и подсчет голосов отображен рядом с каждым потоком.
Голосование вверх и вниз по процессу делается через jQuery/Ajax, и использующей что-то вроде этого:
$.ajax({
url: 'vote.php',
success: function(data) {
$('.result').html(data);
}
});
HTML подсчета голосов обновляется (.result быть классом отделения, которое содержит число подсчета голосов),
Кроме того, потоки сортируются сначала убыванием подсчета голосов, и затем в алфавитном порядке.
У меня есть проблема с ajax обновление подсчета голосов HTML в режиме реального времени, у меня есть догадка, которая - проблема то, вследствие того, что порядок потоков изменяется, когда подсчет голосов обновляется, но я не уверен.
Я знаю, что база данных обновляется, и когда я обновляю страницу, она также обновляется правильно, но я не вижу поведения в реальном времени, которое я ожидаю от jQuery/Ajax.
Какова могла бы быть проблема?
2 ответа
$ ('. Result') будет ссылаться на все элементы с классом «result» во всем документе. Вы выборочно назначаете этот класс обновляемому элементу? В этом случае вам нужно показать нам код для этого.
В противном случае вы, вероятно, захотите получить доступ к нужному контейнеру с помощью чего-то вроде идентификатора, на который не влияет изменение порядка элементов
$('#item-' + id).find('.result').html(data);
Попробуйте
$.ajax({
url: 'vote.php',
success: function(data) {
$('.result').text(data);
}
});
Если сервер просто отправляет номер, вам, вероятно, следует просто установить текст.