2014-01-14 79 views
1

我有侧边栏切换事件。当我在iframe内点击时,侧边栏不会关闭。 Iframe位于div #maincontent的内部。但是,当iframe具有src =“”(src =“pr.php”)时,关闭事件不起作用。当我点击具有任何src =“”的iframe时,如何关闭边栏?当iframe无法正常工作时关闭隐藏/切换div

这里是我的小提琴

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(); 
    } 
}); 
+0

[查看以前的帖子(HTTP://%5Blink%5D%28http://stackoverflow.com/questions/6452502/adding-onclick-event-to-iframe%29) –

+0

@SagarChavan如何转换在jQuery中? – user3097736

+1

[http://stackoverflow.com/questions/15080222/add-click-event-to-iframe] –

回答

0

部分试试这个。使用Iframe的主体。这应该工作!

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

它的工作原理! :D谢谢! – user3097736

相关问题