Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору приветствую, я в недоумении - может быть подскажете, где лежит проблема.   Есть небольшая интерактивная анимация, которая на сайте работала нормально примерно около года, а сейчас вдруг отвалилась в некоторых браузерах. Пример страницы, где она реализована. (в самом низу, пепед футером, открытый принтер). По клику на анимированные кружки должны появляться соот-щие описания. Сейчас у меня не работает в chrome и edge, но нормально работает в firefox и safari.   Код подтягивается с файла com_custom.js, весь другой код из этого файла работает штатно.   Почему то ошибок в отладчике не вижу - и самое удивительное, что у меня локальная версия сайта, где практически все 1 в 1, кроме картинок - те же версии по, те же версии браузеров - все работает нормально.   В чем может быть дело? Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 10:13 08-02-2021

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Цитата: нужных элементов на странице еще нет. выполнять этот код нужно когда DOM уже загружен. да, спасибо - сейчас проверил, банально window.onload или $(document).ready  решают проблему... смутило то, что в каких то браузерах работает.   Цитата: не понимаю зачем так писать код, мешая jquery и чистый js На самом деле разными людьми писался, но вы правы, все равно неправильно было все в один файл... перепишем. Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 12:15 08-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Граждане, кто может подсказать, как этот код переделать в простой JS? Код: jQuery(function ($) {   $('.progress-meter').css('animation', 'bar 2s linear infinite forwards');   }); Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 01:06 13-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Спасибо за ответ! Но с другой стороны, столько текста вместо jQuery? Тогда уж лучше пусть jQuery остаётся, наверное. Как писал в теме по CSS, прогресс бар, а именно анимация полосок, почему-то глючит в Сафари. Когда переместил код анимации из CSS в JS, то анимация нормально стала работать. Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 01:53 13-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Просьба подсказать, почему если в файле есть этот код, то анимация появления уровня не работает? Код: var mydiv = $('.progress');         mydiv.each(function(){             var that = $(this);             that.html(that.html().replace(/f/g, '&#xf'));                 }); Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 16:47 15-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Это код, который заменяет \f на &#xf для показа FA в тултипе balloon.css. Пробовал использовать progress-meter вместо progress, тогда анимация работает, но вместо значков FA показывается код. Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:29 15-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Честно? Не знаю. Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 23:50 15-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Подскажите, плиз, есть ли онлайн конвертер из JS в jQuery? И можно ли как-то переделать этот код в jQuery? Код: "use strict"; [].map.call(document.querySelectorAll('[anim="ripple"]'), el => {     el.addEventListener('click', e => {         e = e.touches ? e.touches[0] : e;         const r = el.getBoundingClientRect(), d = Math.sqrt(Math.pow(r.width, 2) + Math.pow(r.height, 2)) * 2;         el.style.cssText = `--s: 0; --o: 1;`;         el.offsetTop;         el.style.cssText = `--t: 1; --o: 0; --d: ${d}; --x:${e.clientX - r.left}; --y:${e.clientY - r.top};`;     }); }); Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 18:43 21-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Может и не надо. Просто, с этим кодом всё работает, но в программе почему-то показывает ошибку на вторую строку: SyntaxError: Unexpected token '>' Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 00:06 22-02-2021

WONDROUS Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Понятно тогда, спасибо за ответ! Всего записей: 3440 | Зарегистр. 30-06-2002 | Отправлено: 00:22 22-02-2021

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование