Question

尝试使用iframeTracker-jquery库检测点击FB嵌入式帖子。 FB有JS SDK，有助于在第三方网站上嵌入帖子。

这个嵌入代码：

＆＃13;

<div class="fb-post" 
						data-href="https://www.facebook.com/permalink.php?story_fbid=811932475541152&id=361136907287380"
						data-width="350"></div>

＆＃13;

FB SDK将其转换为iframe：

＆＃13;

<div fb-post>
<span>
<iframe>
....
</iframe>
</span>
</div>

＆＃13;

此iframe跟踪器调用无效：

＆＃13;

$(document).ready(function($){
					$('.fb-post > span > iframe').iframeTracker({
						blurCallback: function(){
							console.log('Horray')
						}
					});
				});

＆＃13;

你能帮我解释一下为什么会这样吗？如何检测FB post iframe中的点击？

Answer 1

[来自评论] FB嵌入帖子的问题是jquery iframe选择器在文档就绪时没有找到它们。怎么样？

因为加载时页面中仅显示<div class="fb-post" …></div> 。 SDK是异步加载的，只在初始化后插入iframe。

如果您想在SDK完成后触发某些内容，将这些元素呈现到社交插件中，那么您可以订阅xfbml.render事件;它是

“当FB.XFBML.parse（）完成时，[f] ired。这表明页面上的所有社交插件都已加载。“

有关详细信息，请参阅https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.4。

检测点击FB嵌入式帖子iframe

1 个答案: