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

Question

我有侧边栏切换事件。当我在 iframe 内单击时，侧边栏没有关闭。 Iframe 位于 div #maincontent 的内部。但是当 iframe 有 src="" ( src="pr.php" ) 时，关闭事件不起作用。当我单击具有任何 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();
        } });
});