从 iframe 页面事件更改父级的 css

from iframe page event change css of parent

本文关键字：css iframe 事件      更新时间：2023-09-26

我有homepage包含最初不可见middle_overlaydiv。此外，它包含"iframe capture"页面上有单击按钮，在按钮的单击事件中，我想使middle_overlaydiv可见，但是我可以从另一个页面更改如何更改CSS？

.HTML： 

<div id="middle_overlay">
</div>
<div id="middle">
    <iframe id="middle_frame" src="capture.php" frameborder='0' border='0' style="border:0;" seamless>
    </iframe>
</div>

JQuery ：：

$(document).ready(function()
{
$('#Monthly_Report').click(function(){
alert('monthly report clicked');
$('#middle_overlay').css('display','block');                                
});

});

window.parent.$('#middle_overlay').css('display','block');

请注意，仅当您的 iframe 页面和父页面来自同一网域时，此操作才有效。

你也可以尝试这个jquery解决方案：

$("#middle_frame").contents().find('#Monthly_Report').click(function(e){
    e.preventDefault();
    $('#middle_overlay').show();
});

你已经得到了答案，但你可以参考这个 https://stackoverflow.com/a/19423398/1642219，以更清楚地了解你的问题

相关文章：