Question

我有homepage包含最初不可见的middle_overlay div。此外，它包含＆＃34; iframe capture＆＃34;页面上有点击按钮，点击按钮的事件我想让middle_overlay div可见，但是从另一个页面可以改变我怎样才能改变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');                                

});



});

Answer 1

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

请注意，这仅适用于您的iframe和父网页来自同一个网域的情况。

Answer 2

您也可以尝试使用此jquery解决方案：

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

Answer 3

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

来自iframe页面事件更改父级的css

3 个答案: