Как изменить содержимое div?

@SVgroup · Регистрация: 25.03.2014

Студворк — интернет-сервис помощи студентам

Доброго времени суток, есть рабочий скрипт, который вполне нормально изменяет содержимое. Но вот одна проблема которую я ни как не могу решить... на сайте происходит доли секундное моргание, с html и css я уже всё на сто раз перетряс и пришёл к выводу что дела не в самой вёрстке, а в jq, прошу у вас помощи в корректировке данного jq, а если сможете предложить, такую простою и понятную альтернативу, буду очень благодарен.
Собственно код:
html

HTML5
1
2
3
4
5
<div class="top-news-feed">
       <div class="slider-feed"> <p class="city-lenta"> [&nbsp;<em>text</em>&nbsp;]&nbsp;&ndash;</p> <p class="news-feed">text</p> </div>
       <div class="slider-feed"> <p class="city-lenta"> [&nbsp;<em>text</em>&nbsp;]&nbsp;&ndash;</p> <p class="news-feed">text</p> </div>
       <div class="slider-feed"> <p class="city-lenta"> [&nbsp;<em>text</em>&nbsp;]&nbsp;&ndash;</p> <p class="news-feed">text</p> </div>
       </div>

в css там ключевую роль играет только display:none;

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(document).ready(function() {
    $('.slider-feed').eq(0).addClass('active').fadeIn(2000);
 
    setInterval('blockAnimate();', 6000);
});
 
 
function blockAnimate() {
    var length = $('.slider-feed').length - 1;
    $('.slider-feed').each(function(index) {
        if($(this).hasClass('active') && index != length) {
            $(this).removeClass('active').fadeOut(2000).next('.slider-feed').addClass('active').delay(2000).fadeIn(2000);
            return false;
        } else if (index == length) {
            $(this).removeClass('active').fadeOut(2000);
            $('.slider-feed').eq(0).addClass('active').delay(2000).fadeIn(2000);
            return false;
        }
    });
};

(p.s. с временем экспериментировал, не помогло)

@TA1ex · 25.06.2015, 12:14

Сначала делайте fade а потом remove/add Class. Так как предполагаю что срабатывают сначала стили, когда еще блок виден на экране. А должны меняться на скрытом блоке.
А вообще, нужно полностью код давать, так как по этому сложно что-то понять

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@TA1ex 120 / 34 / 9 Регистрация: 12.03.2015 Сообщений: 125
	25.06.2015, 12:14
	Сначала делайте fade а потом remove/add Class. Так как предполагаю что срабатывают сначала стили, когда еще блок виден на экране. А должны меняться на скрытом блоке. А вообще, нужно полностью код давать, так как по этому сложно что-то понять 0