jquery - 如何在同一区域拥有 div 和 iframe？

Question

我的页面中有 iframe。我需要<div>在我的父页面中显示，但在隐藏我的框架之前我看不到。是否可以强制框架在后台。我不想打开弹出窗口而不是<div>.

父.php

<script>
    $(document).ready(function() {
        $(".Class1").click(function() {
            var str = "<div>Some content</div>";
            $(".main_frame").hide();
            $(str).appendTo('body');
        });
    });
</script>

<a class='Class1' href='#'>text</a>
<div class='frame_div'>
    <iframe class='main_frame' name='main_frame' src='child.php'></iframe>
</div>

Answer 1

如果你想在点击时将新的“div”语句附加到你的身体，那么你可以做这样的事情......

 $(document).ready(function() {
        $(".Class1").click(function() {
            var str = "<div>Some content</div>";
            $('body').append(str);
            //$(".main_frame").hide();
            //$(str).appendTo('body');

        });
    });

Answer 2

我刚刚将以下内容添加到我的 css 中并且它有效。我还删除了 $(".main_frame").hide(); 当然。

.main_frame {
    background-color: transparent;
}