С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
Другие темы раздела
jQuery Сократить код с использованием функции toggle скажите пожалуйста как этот код сократить и написать с помощью toggle $(".btn").on('click', function () { let input = $("input"); let length= $("input").length; for(let i = 0; i < length; i++){ if( !input.eq(i).attr('checked')){ input.eq(i).attr('checked', true); }else { https://www.cyberforum.ru/ javascript-jquery/ thread2382000.html Заменить число своего атрибута в div, который находится в div с id jQuery
Всем привет! Есть HTML-код: <div id="1"> <div data-num="124"></div> <div id="2"> <div data-num="135"></div> <div id="3"> <div data-num="11"></div> Нужно, с помощью jQuery, заменить в каждом div с id значение атрибута data-num. Не знаю, как это сделать. Помогите, пожалуйста.
jQuery Рандомное появление текста https://www.cyberforum.ru/ javascript-jquery/ thread2380965.html
Здравствуйте. У меня есть скрипт, который анимирует смену текста. <script type="text/javascript"> $(function() { var list = ; var txt = $('#txtlzr'); txt.textualizer(list, { centered: true
jQuery Удалить динамически созданный элемент https://www.cyberforum.ru/ javascript-jquery/ thread2380395.html
по клику создается элемент содержащий ссылку на удаление. Элемент удалить не получается, вот код jQuery ( function( $ ) { var metaBox = $( '#oc_movies' ), addRating = metaBox.find( '#ratings' ), inputRatings = metaBox.find( '#input-ratings' ), addStudio = metaBox.find( '#studios' ), ...
Добавление атрибута к option jQuery
Ребята, всем привет) Надо чтобы при клике на data-nt, в списки были видны только sev, а если при клике на data-bc, то в списки были видны только del. Написал код, он не работает, не могли бы подсказать, пожалуйста, что не так, все просмотрел... вроде правильно https://jsfiddle.net/0w27zL6a/1/ <div class="viewn" data-nt="0">ЦИЙРЫЫЫЫЫЫЫЫЫ</div> <div class="viewn"...
jQuery Просмотреть все input , и заменить значение если нужно https://www.cyberforum.ru/ javascript-jquery/ thread2380085.html
есть набор инпутов с одним классом , значения выгружаются из БД , если в таблице нет значения пишется None , нужно просмотреть все инпуты , если встречается None , заменить на ПУСТО Буду очень благодарен за помощь
jQuery Отображение элементов списка Choosen https://www.cyberforum.ru/ javascript-jquery/ thread2379415.html
Здравствуйте! Столкнулся со следующей проблемой: Есть два выпадающих списка, которые реализованы через плагин Choosen. Логика действий такая: в зависимости от выбора значений в первом списке меняется наполнение второго (для него значения берутся из базы данных). Проблема в том, что у меня не отображаются значения во втором списке. Код: <label>Начните поиск с : </label>...
Тормозит setInterval при переключении вкладки jQuery
Здравствуйте, есть проблема, связанная с тем, что браузеры сильно замедляют работу setInterval если страница не активна(если переключились на другую страницу). Это происходит в случае указания очень маленького интервала. Мне нужно сделать прогресс бар по времени. Тоесть есть некий div и каждый тик интервала, увеличивает width данного div'a на определенный процент. Эту часть я сделал, но при...
jQuery Калькулятор не считает по требуемым условиям https://www.cyberforum.ru/ javascript-jquery/ thread2379129.html
Заданы цены на тип товара с помощью select-а, они умножатся на число лет 1, 2 и 3 выбираемые с помощью radio переключателя, их произведение выводится в HTML на страницу сайта с помощью id="mnog", туда же выводится и цена со скидкой 15% и 20% для произведения на 2 и 3 года соответственно через id="itog" <form id="year"> <!--input type="text" name="" id="year_" value=5--> <input...
jQuery JQuery ui иконки https://www.cyberforum.ru/ javascript-jquery/ thread2378721.html
подскажите как использовать свои иконки, просмотрел много гайдов но никто об этом не говорит $( ".select-menu" ).selectmenu({ icons: { button: "ui-icon-caret-1-s" } });
jQuery Выпадающий список с иконками
Добрый день Всем, кто не спит! Подскажите пожалуйста, как мне реализовать выпадающий список, в котором перед пунктами должны размещаться иконки, Всего иконок планируется в районе 225 штук - флаги стран мира. Это для замены стандартных пунктов в Google Translation Сайт будет на WP (сейчас на Локалке) P.S. Мне сказали, что список должен быть на UI
jQuery Создание функции с использованием JQuery https://www.cyberforum.ru/ javascript-jquery/ thread2378509.html
Эксперт JS
2036 / 1095 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
03.01.2019, 08:08 0

Как закончить повторение анимаций после их завершения - jQuery - Ответ 13211137

03.01.2019, 08:08. Показов 1297. Ответов 3
Метки (Все метки)

Ответ

Melorum,

Вариант анимирования через метод Jquery animate -> https://codepen.io/Mr_Sergo/pen/vvpwJy
HTML5
1
2
3
4
5
<br>
<button class="button">Запустить анимацию</button>
<br>
<br>
<div class="animBlock"></div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
$('button').on('click',()=> {
    $('.animBlock').animate({
        opacity: 0,
        left: 400
    },2000,()=> {
        alert('Анимация кончилась');
        $('.animBlock').css({
            opacity: 1,
            left: 0
        });
    });
});
CSS
1
2
3
4
5
6
7
8
9
10
html, body{margin: 0px 0px 0px 0px; width: 100%;}
 
.animBlock{
    width: 100px;
    height: 100px;
    background: violet;
    position: relative;
    left: 0px;
    opacity: 1;
}
Вариант анимирования через css-свойства -> https://codepen.io/Mr_Sergo/pen/qLpGoO
HTML5
1
2
3
4
5
<br>
<button class="button">Запустить анимацию</button>
<br>
<br>
<div class="animBlock"></div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$('button').on('click',()=> {
    $('.animBlock').css({
        transition: '2s',
        opacity: 0,
        left: 400
    });
    setTimeout(()=> {
        alert('Анимация кончилась');
        $('.animBlock').css({
            transition: '0s',
            opacity: 1,
            left: 0
        });
    }, 2000);
});
CSS
1
2
3
4
5
6
7
8
9
10
html, body{margin: 0px 0px 0px 0px; width: 100%;}
 
.animBlock{
    width: 100px;
    height: 100px;
    background: violet;
    position: relative;
    left: 0px;
    opacity: 1;
}


Вернуться к обсуждению:
Как закончить повторение анимаций после их завершения jQuery
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
03.01.2019, 08:08
Готовые ответы и решения:

Как закончить программу после исключения?
Как закончить программу после исключения в индексаторе? return не помогает public int this ...

Как удалить программу после её завершения
Как удалить программу после её завершения. Вернее если программа лежит в директории d,и была...

Как очистить память после завершения потока?
Как очистить память после завершения потока? Каждые 1000 мс поток запускается заново и занятая...

Как запустить скрипт сразу после завершения?
На сервере стоит ограничение по времени работы скрипта (max_execution_time, или что-то в этом роде)...

3
03.01.2019, 08:08
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
03.01.2019, 08:08
Помогаю со студенческими работами здесь

Как получить проект после его завершения?
Я даже не знаю слов чтобы загуглить такое!

Как сохранить данные после завершения работы программы?
Как сохранить данные после завершения работы программы ? С базами данных, вроде, мысль ясна. Но...

Как сохранить динамические объекты после завершения программы
Всем доброго времени суток. У меня программе пользователь, например, может добавить Label и задать...

Как напечатать переменную 1 раз после завершения потока?
package com.company; class MyThread extends Thread { static int a = 0; public void...

0
Новые блоги и статьи
Как написать микросервис на Go/Golang
InfoMaster 14.01.2025
Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .
Как написать микросервис с нуля на C#
InfoMaster 14.01.2025
В современном мире разработки программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот архитектурный подход предполагает. . .
Как создать интернет-магазин на PHP и JavaScript
InfoMaster 14.01.2025
В современном мире электронная коммерция стала неотъемлемой частью бизнеса. Создание собственного интернет-магазина открывает широкие возможности для предпринимателей, позволяя достичь большей. . .
Как написать Тетрис на Ассемблере
InfoMaster 14.01.2025
Тетрис – одна из самых узнаваемых и популярных компьютерных игр, созданная в 1984 году советским программистом Алексеем Пажитновым. За прошедшие десятилетия она завоевала симпатии миллионы людей по. . .
Как создать игру "Танчики" на Unity3d и C#
InfoMaster 14.01.2025
Разработка игр – это увлекательный процесс, сочетающий в себе творчество и технические навыки. В этой статье мы рассмотрим создание классической игры "Танчики" с использованием Unity3D и языка. . .
Организую платный онлайн микро-курс по доработке Android-клиента Telegram
_Ivana 14.01.2025
Официальная версия и распространенные форки не полностью устраивают? Сделай свою кастомную версию клиента! 4 занятия по 2 часа (2 недели пн, ср 19:00-21:00 по Москве). Первое вводное занятие. . .
Как создать приложение для фитнеса для iOS/iPhone на Kotlin
InfoMaster 14.01.2025
Создание собственного фитнес-приложения — это не только захватывающий, но и полезный процесс, ведь оно может стать вашим верным помощником на пути к здоровому и активному образу жизни. В современных. . .
Как создать приложение магазина для iOS/iPhone на Swift
InfoMaster 14.01.2025
Введение в разработку iOS-приложений Разработка приложений для iPhone и других устройств на базе iOS открывает огромные возможности для создания инновационных мобильных решений. В данной статье мы. . .
Это работает. Скорость асинхронной логики велика. Вопрос видимо останется в стабильности. Плата - огонь!
Hrethgir 13.01.2025
По прошлому проекту в Logisim Evolution https:/ / www. cyberforum. ru/ blogs/ 223907/ blog8781. html прилагаю файл архива проекта в Gowin Eda. Восьмибитный счётчик из сумматора+ генератор сигнала. . .
UserScript для подсветки кнопок языков программировани­­­­я в зависимости от текущего раздела
volvo 13.01.2025
В результате работы этого скрипта подсвечиваются нужные кнопки не только в форме быстрого ответа, но и при редактировании сообщения: / / ==UserScript== / / @name CF_DefaultLangSelect / / . . .
Введение в модели и алгоритмы машинного обучения
InfoMaster 12.01.2025
Машинное обучение представляет собой одну из наиболее динамично развивающихся областей искусственного интеллекта, которая фокусируется на разработке алгоритмов и методов, позволяющих компьютерам. . .
Как на Python создать нейросеть для решения задач
InfoMaster 12.01.2025
В контексте стремительного развития современных технологий особое внимание уделяется таким инструментам, как нейросети. Эти структуры, вдохновленные биологическими нейронными сетями, используются для. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru