繁体   English   中英

如何获得点击的元素以及iFrame中该元素的src属性

[英]How to get which element was clicked and the src attribute of said element in an iFrame

我有一个使用fancybox插件即时生成的iframe。 我想在其中获取clicked元素,并从该元素获取src属性,但是每当我尝试时,我都会得到“ undefined”作为答案。

触发iframe创建的原因是:

<a id="contentImageAJAX" class="iframe" href="/tools/images?keyword=cat" style="display:none;">g</a>

 $('#contentImage').focus(function(){
        var $contentImage = $('#contentImage');
        $('a#contentImageAJAX').click().fancybox({
            'width' :  1280,
            'height': 600,
            'centerOnScroll': true,
            'hideOnContentClick' : true,
            'onCleanup': function(){tryMe($contentImage);}
        });

我发现创建的iframe是#fancybox-frame,因此我尝试了以下操作:

$('#fancybox-frame').load(function(){
    $('#fancybox-frame').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
});

但它不起作用,“ tryMe”是此功能:

function tryMe($cImg){
        console.log($('#fancybox-frame').contents().find('clickable').attr('src'));
    }

我已经尝试了好几个小时的迭代,知道我缺少了什么?

tryMe方法中的选择器是错误的find('clickable') 我认为您正在寻找find('.clickable')

尝试这个

$('a#contentImageAJAX').click().fancybox({
            'width' :  1280,
            'height': 600,
            'centerOnScroll': true,
            'hideOnContentClick' : true,
            'onCleanup': function(){parent.tryMe($contentImage);},
            'onComplete': function(){
               $('#fancybox-frame').contents().find('linkSelector').click(function(){
                   //Do you stuff here.
               });
            } 
 });

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM