Question

我有这个脚本：

<script type="text/javascript">
    $(document).ready(function(){
        $('#openframe').click(function() { 
            $('#holder').fadeOut(500); 
            $('#framer').fadeIn(500);
        });
    });
</script>

<!-- And the div and the iframe -->
<div id="holder">
    <div id="openframe"><img src="somewhere/img.jpg" /></div>
</div>

<iframe id="framer" scr="somedirectory/index.php"></iframe>

在iFrame里面我有这个页面：

<script type="text/javascript">
    function autoResizeback(){
        $(parent.document.getElementById(window.name)).toggle(false);
    }
    $(parent.document.getElementById(window.name)).toggle(true);
</script>

<div onclick="autoResizeback()" style="cursor: pointer;" id="BACK">
    <img src="somewhere/img2.jpg" />
</div>

我需要在单击#BACK div时，它不仅会隐藏它所在的iFrame，还会“显示”或“淡化”隐藏的div {{1} }。

我可以在#holder函数中执行此操作吗？或其他地方？

Answer 1

您可以使用

$('#holder', parent.window.document).fadeIn(500);

从iframe访问该元素。

如何隐藏div，从内部iframe，它还隐藏后？

1 个答案: