如何在父页面内触发iframe的元素

Posted menxiaojin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在父页面内触发iframe的元素相关的知识,希望对你有一定的参考价值。

父页面的iframe

<iframe src="{{ url_for(‘room_info.person_open_record‘, resiId =resiId) }}" style="width: 100%;" id="face_record"></iframe>

iframe页面的点击的class

<img src="{{ i.imgUrl }}" class="table_img_face"/>

js代码

$(‘#face_record‘).on(‘load‘,function(event){
                $(‘#face_record‘).contents().find(‘.table_img_face‘).on(‘click‘,function(){
                    var img_url = $(this).attr(‘src‘)
                    $(‘.pop_img‘).children(‘img‘).attr(‘src‘,img_url)
                    $(‘.bounced‘).show();
                });
            }); 

以上是关于如何在父页面内触发iframe的元素的主要内容,如果未能解决你的问题,请参考以下文章