Открытие модального окна не по кнопке а при загрузке страницы

@Vetrox · Регистрация: 08.10.2012

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

Как сделать так чтобы открытие модального окна было не по нажатию кнопке, а при загрузке страницы?
Раздел портфолио: http://webkise.ru/photo/

Ссылка открытия модального окна:

HTML5
1
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">

Это само модальное окно в конце страницы расположено:

HTML5
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
<!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>Предметная съемка</h2>
                            <p class="item-intro text-muted">Фотосессия предметов.</p>
                            <img class="img-responsive img-centered" src="img/portfolio/roundicons-free.png" alt="">
                            <p>Предметная съемка </p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Назад</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

Закрытие окна:

HTML5
1
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Назад</button>

что нужно сделать с этим окном чтобы оно загрузилось сразу вместе со страницей? Не убирая старого кода, что-то можно добавить поверх?

@monochromer · 24.11.2017, 14:31

https://getbootstrap.com/docs/... modal-show

@Vetrox · 24.11.2017, 15:48 **[ТС]**

так дело не пойдёт! меня нужно носом ткнуть в нужное место!

следующие манипуляции с js не работают. может еще какие могут быть?

JavaScript
1
2
3
$("#portfolioModal1").click();
$("#portfolioModal1").trigger("click");
$("#portfolioModal1")[0].click();

@SergioSup · 27.11.2017, 22:34

JavaScript
1
2
3
$(document).ready(function () {
    $('#portfolioModal1').modal('show')
})

@Vetrox · 30.11.2017, 23:52 **[ТС]**

Гениально! слава Богу, благодарю!

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	24.11.2017, 14:31
	https://getbootstrap.com/docs/... modal-show 1

@Vetrox 9 / 9 / 6 Регистрация: 08.10.2012 Сообщений: 266
	30.11.2017, 23:52 [ТС]
	Гениально! слава Богу, благодарю! 0

Открытие модального окна не по кнопке а при загрузке страницы

Решение