Не отображаются картинки в svg при подгрузке

22.05.2021, 11:43. Показов 674. Ответов 0

Метки jquery javascript, modal window, svg (Все метки)

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

Есть два модальных окна на bootstrap 4 для разных целей. В них подгружается код с svg из разных источников. В источниках выдается такого рода код :

PHP
1
2
3
4
5
...
echo json_encode([
        'title'=>$th1->MainNode->title,
        'html'=>$html
    ]);

Код кнопок такого рода :

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function edit_thanka(tid)
        {
            $.ajax({
                type: 'GET',
                url:'ajax/thanka/edit.php?id='+tid+"&t="+Math.random(),
                processData: false, 
                contentType: false, 
                success: function(res) {
                    $('#edit_th_body').html(res.html);
                    $('#edit_th_header').html("Редактирование тханки "+res.title);
                    $('#edit_th_body .th_item').on('click', clicknode_ev);
                    $('#modalEditThanka').modal('show');
                },
                error: function (error) {
                    //$('#resdiv').html(returnval);
                    console.log('error; ' + eval(error));
                } 
            });
        /*    $('#edit_th_body').load('ajax/thanka/edit.php?id='+tid, function(responseText,textStatus, xhr) {
                $('#edit_th_body .th_item').on('click', clicknode_ev);
                $('#modalEditThanka').modal('show');
            });*/
        }

для каждого модального окна разный. Вроде работает. Но в какой-то момент перестают во всплывающем окне редактирования отображаться картинки внутри svg частично или полностью.

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

22.05.2021, 11:43

Ответы с готовыми решениями:

На главной странице сайта не отображаются картинки записей, а в самой записи все картинки отображаются
Доброго времени суток всем. Помогите пожалуйста разобраться. На главной странице сайта не отображаются картинки записей, а в самой записи...

Смена цвета картинки (SVG) и ссылки (буквы) при наведении курсора мыши
Здравствуйте, я никогда до этого не работал с svg. У меня есть ссылка <a href="http://gmail@gmail.com"...

Не отображаются картинки при разных видах
помогите с вопросом отображения картинок, фоток в папке в разных видах особенно больших.... Добавлено через 18 часов 31 минуту я так...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

22.05.2021, 11:43

Помогаю со студенческими работами здесь

Не отображаются картинки при открытии jar
Добрый день! возникла проблема, в IDEA все картинки отображаются нормально, а после сборки jar их нет, хотя внутри него они лежат. Для...

Картинки не отображаются при создании страницы
Всем доброго времени суток. У меня такая проблема. При создании любой страницы, будь то PHP или HTML и после вставки на нее картинки, вот...

Не отображаются картинки при импорте базы данных
Есть проект , созданный на Денвере (php 5.2.12), joomla 1.5.9 , VirtueMart 1.1.4. При переносе проекта на другой localhost (установлен...

Не отображаются картинки при отправке HTML-письма
Hello, world! У меня вот такая проблемка: я учусь верстать email'ы, и в качестве тренировки решил с помощью HTML/CSS скопировать...

Не отображаются картинки при перепосте стайтей на соц. сети
Добрый день, я столкнулся с проблемой при перепосте статей с сайта на соц. сети не отображается картинка заголовка поста. Вроде нечего не...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

Наверх