[英]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.