Наполнение модального окна bootstrap динамическими данными

@maximillian77 · Регистрация: 07.07.2014

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

Добрый день ув. пользователи! Подскажите пожалуйста, как правильно по клику на кнопку загружать в модальное окно контент, которые вернул php скрипт на ajax success ? Пробовал несколько вариантов, но почему-то сначала загружается пустое окно.

@BANO · 13.06.2016, 16:39

maximillian77, а вы показывайте эту модалку только когда контент уже загружен, тогда оно будет сразу с контентом

@maximillian77 · 13.06.2016, 16:45 **[ТС]**

BANO, получается, что контент заливается, только после клика на всплывшее окно, интересно почему ни сразу..

JavaScript
1
2
3
4
5
6
7
8
        $('#selectImageModal').click(function(){
 
            $('.modal-body').load('@site_root/action=uplode_image',function(result){
                $('#selectImageModal').modal({show:true});
            });
 
 
        });

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="modal fade" id="selectImageModal">
 
 <a href="#"  data-toggle="modal" data-target="#selectImageModal" data-remote="false" class="btn btn-default phone input-group-addon">...</a>
 
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <div class="close" data-dismiss="modal"></div>
            </div>
            <div class="modal-body">
 
 
 
            </div>
        </div>
    </div>
</div>

@BANO · 13.06.2016, 16:51

maximillian77, а потому что сервер не мгновенно отвечает, а с задержкой, поэтому надо делать либо заглушку либо открывать данные только после загрузки

@maximillian77 · 13.06.2016, 16:54 **[ТС]**

BANO, так контент есть, но он чего-то появляется только после дополнительного клика по выпавшему окну..что-то я ни так наверно со скриптом сделал..

@BANO · 13.06.2016, 17:01

maximillian77, а вы попробуйте не давать открываться окну, пока не загрузится, то есть чтобы он сам открывал когда загрузит
это делается примерно так

JavaScript
1
2
3
4
5
6
7
$('#selectImageModal').click(function(event){
    event.preventDefault()
    $('.modal-body').load('@site_root/action=uplode_image',function(result){
        $('#selectImageModal').modal({show:true});
    });
    return false
});

@maximillian77 · 13.06.2016, 17:05 **[ТС]**

BANO, не работает зараза при первом клике, только по второму.

@BANO · 13.06.2016, 17:07

maximillian77, это у вас на локальном сервере или можете предоставить ссылку на пример?

@maximillian77 · 13.06.2016, 17:08 **[ТС]**

BANO, на локальном ковыряюсь.

@BANO · 13.06.2016, 17:11

maximillian77, жаль...
а вообще странное какое-то поведение
может там от остального кода зависеть может
вы на эту кнопку ещё каких-то обработчиков не вешали?

@maximillian77 · 13.06.2016, 17:12 **[ТС]**

BANO, сейчас покавыряюсь ещё внимательно, спасибо за подсказки.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559

	Наполнение модального окна bootstrap динамическими данными 13.06.2016, 16:05. Показов 3080. Ответов 10 Метки нет (Все метки) Добрый день ув. пользователи! Подскажите пожалуйста, как правильно по клику на кнопку загружать в модальное окно контент, которые вернул php скрипт на ajax success ? Пробовал несколько вариантов, но почему-то сначала загружается пустое окно. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.06.2016, 16:39
	maximillian77, а вы показывайте эту модалку только когда контент уже загружен, тогда оно будет сразу с контентом 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.06.2016, 16:51
	maximillian77, а потому что сервер не мгновенно отвечает, а с задержкой, поэтому надо делать либо заглушку либо открывать данные только после загрузки 0

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	13.06.2016, 16:54 [ТС]
	BANO, так контент есть, но он чего-то появляется только после дополнительного клика по выпавшему окну..что-то я ни так наверно со скриптом сделал.. 0

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	13.06.2016, 17:05 [ТС]
	BANO, не работает зараза при первом клике, только по второму. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.06.2016, 17:07
	maximillian77, это у вас на локальном сервере или можете предоставить ссылку на пример? 0

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	13.06.2016, 17:08 [ТС]
	BANO, на локальном ковыряюсь. 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	13.06.2016, 17:11
	maximillian77, жаль... а вообще странное какое-то поведение может там от остального кода зависеть может вы на эту кнопку ещё каких-то обработчиков не вешали? 0

@maximillian77 5 / 5 / 5 Регистрация: 07.07.2014 Сообщений: 559
	13.06.2016, 17:12 [ТС]
	BANO, сейчас покавыряюсь ещё внимательно, спасибо за подсказки. 0