Откройте Bootstrap Model и загрузите загрузочный фрейм с помощью одной кнопки

Question

Мне нужна кнопка, чтобы открыть «Bootstrap Modal» и «Загрузить iframe».

на данный момент у меня есть следующая концепция: пользователь нажимает на кнопку «Modal», открывается модальное окно, а затем пользователь должен нажать на другую кнопку в режимечтобы загрузить iframe.

я нашел несколько решений, но большинство из них используют JavaScript с URL-адресом в нем.в моем случае я не могу использовать это, потому что я получаю URL от кнопки, где у этой кнопки есть динамический идентификатор, который генерируется шорткодом.а также я не могу добавить этот шорткод в javascript, я уже пробовал.

<a class="dropdown-item" href="#" data-toggle="modal" data-target="#fileShareModal[wpv-post-id]">Open Modal</a>

<a class="btn btn-warning" href="[wpv-post-url]?layout_id=201" target="myiFrame[wpv-post-id]">click to load iframe</a>

<iframe name="myiFrame[wpv-post-id]" src="about:blank" class="max-h-600"></iframe>

Я хотел бы получить кнопку выпадающего меню, чтобы открыть модал и загрузить фрейм.возможно ли это, сохраняя структуру моих URL-адресов одинаковой?

Answer 1

Вы можете открыть модалы с помощью jquery: `

$ (селектор) .modal (" show ");

`

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

Вам нужно добавить идентификаторы для каждой кнопки:

`

$(idOfTheIframeLoader).click(e => 
    $(idOfModal).modal("show")
);

`