У меня есть список, который имеет индексированные классы - что было бы лучшим способом показать эти по одному на fadeIn контейнера div?jQuery Показывать по одному элементу за раз?
1
A
ответ
7
Дайте им общий класс и выполните fadeIn()
[docs] в цикле, используя метод each()
[docs], задерживая каждый из них методом delay()
[docs] для заданной продолжительности, умноженной на индекс цикла.
$('li.someClass').hide().each(function(i) {
$(this).delay(i * 400).fadeIn();
});
Каждый элемент начнет 400 миллисекунд позже предыдущего.
Пример:http://jsfiddle.net/4ANCj/
3
function fade_in_recursive(e,duration,callback)
{
$(e).fadeIn(duration,function()
{
if($(e).next().length == 0)
{
if(typeof(callback) == 'function')
{
callback();
}
return;
}
else
{
// Apply recursion for every sibling.
fade_in_recursive($(e).next(),duration,callback);
}
});
} // End fade_in_recursive
$(function()
{
fade_in_recursive($('ul li:first-child'),500);
});
Смежные вопросы
- 1. Показывать по одному элементу за раз в массиве области
- 2. RecyclerView Прокрутка по одному элементу за раз
- 3. Обработка - показывать по одному кругу за раз
- 4. Вызов пользовательской функции по одному элементу за один раз
- 5. Настроить слайдер elastislide для перемещения по одному элементу за раз
- 6. CSS: сворачивание навигации, по одному элементу за раз
- 7. Deserialize поток потока json по одному элементу за раз
- 8. jQuery Подтвердить, не показывать все сообщения об ошибках одновременно, только по одному за раз
- 9. Вывод массива по одному за раз
- 10. Переместить пакет файлов по одному за раз
- 11. ActiveMQ: по одному сообщению за один раз
- 12. Слайд-таблица строк по одному за раз
- 13. Ожидайте список задач по одному за раз
- 14. Затухание в массиве по одному за раз
- 15. Как играть по одному звуку за раз?
- 16. закрытие диалогового окна jquery-ui по одному за раз
- 17. jQuery читать JSON по одному объекту за один раз
- 18. JQuery - проверьте, отмечены ли флажки по одному за раз
- 19. javascript/JQuery pop up - открывать только по одному за раз
- 20. доступ к одному элементу из двух списков за один раз
- 21. Показывать только jQuery один раз за сеанс
- 22. Показывать все divs по одному
- 23. Может ли jQueryCycle отображать сразу несколько изображений, но показывать по одному за раз?
- 24. Показывать один столбец за раз
- 25. ScrollView Показывает по одному объекту за один раз
- 26. Показывать каждый результат по одному
- 27. Показывать один div за раз
- 28. Как применить jquery-анимацию к одному элементу?
- 29. Вычитание колонки по столбцам, по одному элементу
- 30. Как получить содержимое элемента p по одному за раз
красивая, спасибо. есть ли способ просмотреть jsfiddles? Я новичок в этом – iamwhitebox
@ WHITEB0X: Не уверен, что вы имеете в виду. Вы имеете в виду как центральный репозиторий скриптов? Я не знаю, что jsFiddle имеет какую-то публичную демонстрацию скриптов. Я уверен, что вам нужны прямые ссылки, которые опубликовали другие. Но кто знает? Зарегистрируйте учетную запись, и вы можете найти другие функции. – user113716
Хорошее решение. Я никогда не доверял таймерам javascript, чтобы быть на 100% точным, хотя в неизвестных браузерах, процессорах и т. Д. Больше поклонников обратного вызова. Опоры, хотя я бы даже не подумал об этом методе. – AlienWebguy