Поправить или написать javascript по техническому заданию

Задание закрыто
Стоимость:Договорная
Срок выполнения:5 дней
Варианты оплаты:Планируется использовать Безопасную сделку
Дата публикации:2021-11-23 02:44
Обновлено:2021-11-23 06:21
Был(а) на сайте:2021-11-23 14:13

Поправить или написать javascript по техническому заданию

 
Задача

Вот что имеем - скрипт:
$('[data-svg]').not('loaded').each(function () {
var $i = $(this).addClass('loaded');

$.get($i.data('svg'), function (data) {
var $svg = $(data).find('svg');

$svg.attr('class', $i.attr('class'));
$i.replaceWith($svg);
}, 'xml');
});

Как работает:
Вставляем вот такой код <div class="city"><i class="icon" data-svg="img/svg/icons/city.svg"></i>Москва</div> а на выходе получаем:
<div class="city"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none" class="icon loaded">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.02639 9.97839C5.00476 9.97839 4.98072 9.97599 4.95909 9.97118C4.82688 9.93993 4.73313 9.82214 4.73313 9.68512V5.26685H0.314856C0.177837 5.26685 0.0600484 5.1731 0.0287984 5.04089C-0.002451...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Богдан Ильяш
Cпециализация: Программирование и IT
  • 1 500 руб5 дней
Кросс доменные аякс запросы запрещены по-умлчанию. Локально нужно запрашивать как /img/svg/icons/facebook.svg - принадлежащий домену. Если с другого домена то на нем должно быть установлено разрешение на аякс запрос
Михаил Фрилансер
Cпециализация: Программирование и IT
  • 10 руб5 дней
Здравствуйте.
Пишите обсудим.
Никита Осипов

Финансовый и инженерный катарсис для народа

Cпециализация: Программирование и IT
  • 99 999 руб5 дней
более четырех лет разработки на Ruby, Python, Golang, C++, JavaScript. Удачно вывел стартап на стадию MVP на AWS и микросервисной архитектуре. Называется swapzilla.co. Это криптоброкер, который объединяет вообще все криптобиржи. Переписали Legacy Django на MVP Aiohttp. Через него можно поставить так называемы smart ordrer на ряд бирж - брать прибыль на разнице между курсами на разных биржах. Smart odrer представлял из себя набор функций машинного обучения. Предполагал так же прослойку, которая перманентно давала консистентные данные для машины. Это был вопрос Data Engineering'a. Пишите - дам резюме!
Владимир Цибузгин

Вперед!

Cпециализация: Бытовые услуги / Обучение
  • 20 000 руб5 дней
Здравствуйте! Пожалуйста, объясните, что за фрагмент кода вы выложили в описании заказа, что он должен делать и почему вы хотите, чтобы он работал без ajax?
Владимир Войтенко
Cпециализация: Веб разработка
  • 2 000 руб3 дня
Здравствуйте, Станислав!
В этом скрипте вы подгружаете svg элементы страницы асинхронно, то есть после загрузки основной страницы. Так как svg тег сам по себе не имеет атрибута src, то есть он не может сам подгрузить содержимое, как те же картинки (img), у нас остается всего несколько вариантов: ajax, вставить svg как картинку и поставить svg на фон через css.
Помогу реализовать любой из предложенных вариантов.

Оставлять заявки могут только авторизованные пользователи.