Наполнение модального окна 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, сейчас покавыряюсь ещё внимательно, спасибо за подсказки.

Новые блоги и статьи Все статьи Все блоги /
Функция установки текстового статуса в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .

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

	Наполнение модального окна bootstrap динамическими данными 13.06.2016, 16:05. Показов 3104. Ответов 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