Jquery new div fadIn эффект, перезагружая div

I have a div "content", in this div I have several div "comment", I'm reloading the div "content" every 5 second, and I would like to fadeIn every new comments. For this, every comment has an id which is an integer, so basically what I'm doing is : I'm saving the id of the last comment in a variable "lastComment", and when I'm reloading the div "content", I'm using if($(".comment").attr(id) > lastComment) { alert('ok') }

Но это не сработает, сначала он перезагружает div и вместо того, чтобы говорить «нормально», мне нужно подождать еще 5 секунд, вот мой код:

var lastComment = $('.comment:last').attr('id');
setInterval(function()
{
    $('#content').load('fullscreen.php?image='+$('.imageBig').attr('id')+' #content');
    if($('.comment').attr('id') > lastComment){
        alert('ok');
    }
}, 5000);

пожалуйста, любая идея?

3
nl ja de
Вероятно, вы не хотите использовать .load() для вашего варианта использования, поскольку он уже предназначен для автоматического изменения/удаления содержимого в HTML-элементе при завершении AJAX. Вы должны рассмотреть возможность перехода на низкий уровень и вызывать $. Ajax() вместо этой логики.
добавлено автор Richard Neil Ilagan, источник

1 ответы

Я думаю, что есть проблема с jQuery selector , в условии if вы должны указать последний div.comment , потому что var lastComment = $ ('. Comment: last') .attr ('id'); инструкция назначит последний элемент один раз после этого setInterval , и новый последний комментарий div будет изменен, поэтому предупреждение не будет работать.

var lastComment = $('.comment:last').attr('id');
setInterval(function()
{
    $('#content').load('fullscreen.php?image='+$('.imageBig').attr('id'),function(){
        if($('.comment:last').attr('id') > lastComment){
            alert('ok');
        }
    });

}, 5000);
1
добавлено
@Archer Да, вы правы, я забыл изменить эту линию. Благодаря...
добавлено автор Rohan Kumar, источник
Добро пожаловать .. @ГрадиславаБиккулова
добавлено автор Rohan Kumar, источник
Если вы положите оператор if внутри обратного вызова загрузки, то он сделает то, что хочет, не дожидаясь 5 секунд после загрузки;)
добавлено автор Archer, источник
спасибо большое @RohanKumar !!!!!!!
добавлено автор Gradislava Bikkulova, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing