如何在模态中刷新iframe的src

时间:2017-11-15 13:33:55

标签: javascript html css html5 modal-dialog

我在模型中有一个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 -->

请帮我一样。

1 个答案:

答案 0 :(得分:0)

在调用模态秀之前。只需使用您所需的网址设置iframe src即可。

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