开放引导模态和负载LOAD的iframe一个按钮

问题描述 投票:0回答:1

我需要一个按钮,打开两个“引导模态”和加载iframe中。

现在我有以下理念:情态Button用户点击打开模态,因此用户需要点击的模态另一个按钮加载iframe中。

我找到了一些解决方案,但大多使用javascript在它的网址。在我的情况我不能用这个,因为我得到一个按钮,这个按钮有获得由简码生成动态ID的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>

我想获得下拉项按钮以打开模式,并加载了iframe。是可能的,同时保持我的网址相同的结构?

javascript iframe onclick bootstrap-4 modal-dialog
1个回答
0
投票

您可以使用jQuery打开情态动词:`

$(选择).modal( “秀”);

`

因此,这意味着你可以将事件添加到该按钮至极负载的iframe,并打开模式

您需要ID添加到每个按钮:

`

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

`

© www.soinside.com 2019 - 2024. All rights reserved.