Question

我有侧边栏切换事件。当我在iframe中单击时，侧边栏不会关闭。 Iframe位于div #maincontent的内部。但是当iframe有一个src =“”（src =“pr.php”）时，close事件不起作用。当我点击有任何src =“”的iframe时，如何关闭侧边栏？

这是我的小提琴

http://jsfiddle.net/8nhmU/13/

<div class="framecontentLeft">
<div class="innertube">

</div>
</div>

<div id="framecontentTop">
<div class="sidebar-toggle"></div>
<div class="innertube">

</div>
</div>

<div id="maincontent">
<div class="innertube">

<iframe name="contents" src="http://stackoverflow.com" id="iframe1" frameborder="0" style="moz-overflow:hidden;moz-overflow-x:hidden;moz-overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"> </iframe>

</div>
</div>

脚本的一部分

var iframeDoc = $('#iframe1').contents().get(0);
$(iframeDoc).bind('click', function( event ) {
if(!sidebarStatus)
    {
               $('.sidebar-toggle').click();
    }
});

Answer 1

试试这个。使用了iframe的主体。这应该有效！

$('#iframe1').load(function(){
  $(this).contents().find("body").on('click', function(event) {     
  if(!sidebarStatus)
        {
                   $('.sidebar-toggle').click();
        } });
});

单击iframe不起作用时关闭隐藏/切换div

1 个答案: