javascript - 如何在模态中刷新 iframe 的 src

Question

我的模型中有一个 iframe。 iframe 打开一个网站 eg.xxx 。从 xxx.com 我有多个按钮，点击一个按钮我就会被带到 eg.xxx/yyy.html 。当我关闭对话框时，它仍然显示 xxx/yyy.html 而不是 xxx.com 。我如何用 Javascript 解决这个问题？

部分模态代码:

<!-- Start Feature Section -->
<div class="section-modal modal fade" id="magazine-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div class="close-modal " data-dismiss="modal">
            <a href="../twt/index.html" style="color: #000000; font-size: 30px;" data-toggle="modal">
                <i class="fa fa-home"></i>
            </a>
            <!-- <div class="lr">
                 <div class="rl">
                 </div>
             </div>-->
        </div>
        <div class="container ">
            <div class="row">
                <div class="section-title text-center">
                </div>
            </div>
            <div class="row modal-body">
                <iframe src="https://www.pvrcinemas.com/magazines" target="_self" style="position:fixed; top:65px; left:0px; bottom:0px; right:0px; width:100%; height:95%;color:#000000; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
                    Your browser doesn't support iframes
                </iframe>
            </div>
        </div>
    </div>
</div>
<!-- End Feature Section -->

请帮我做同样的事情。

Answer 1

在调用模态显示之前。只需使用您所需的 url 设置 iframe src 即可。

$('#magazine-modal').find("iframe").attr("src","https://www.pvrcinemas.com/magazines");
$('#magazine-modal').modal('show');