Hook Facebook Post使用jQuery嵌入iframe加载?

时间:2013-12-18 23:03:34

标签: javascript jquery html facebook

当您使用Facebook的Post Embed功能时,您可以将某些代码中的内容放入HTML:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="https://www.facebook.com/XXXXXX/posts/1015145958723" data-width="466"><div class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/XXXXXX/posts/10122337758390723">Post</a> by <a href="https://www.facebook.com/XXXXXX">Jayco</a>.</div></div>

然后,Facebook使用JavaScript将iframe注入<div class='fb-post'>元素,结果如下:

<div class="fb-post ....>
  <span style="vertical-align: .....>
    <iframe name="f1b49ddc" width="550px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:post Facebook Social Plugin" src="http://www.facebook.com/plugins/post.php?......
       Facebook Post Embedded Here......
    </iframe>
  </span>
</div>

当iframe完全加载时,是否可以使用jQuery挂钩?我需要在文档加载上做一些事情,但只有在加载了iframe之后。

0 个答案:

没有答案