I have included the fb-like plugin in a website that shows tooltips when the mouse is over any elements that have a title
property.
The issue is that the facebook plugin adds a title attribute to the iframe, which is loaded after, and I can't seem to find a way to remove it.
The facebook plugin code:
<div class="fb-like" data-href="facebook.com/saekthmey"; data-layout="standard" data-action="recommend" data-show-faces="true" data-share="true"></div>
It generates:
<iframe class="" src="http://www.facebook.com/v2.3/plugins/like.php?action=recommend&app_id=1098294926865015&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F1ldYU13brY_.js%3Fversion%3D41%23cb%3Df1931e415abd1ea%26domain%3Dlocalhost%26origin%3Dhttp%253A%252F%252Flocalhost%253A3000%252Ff37c5673a2d1dae%26relation%3Dparent.parent&container_width=294&href=https%3A%2F%2Fwww.facebook.com%2Fsaekthmey&layout=standard&locale=fr_FR&sdk=joey&share=true&show_faces=true" style="border: medium none; visibility: visible; width: 450px; height: 57px;" title="fb:like Facebook Social Plugin" scrolling="no" allowfullscreen="true" allowtransparency="true" name="f305ebf93e709ca" frameborder="0" height="1000px" width="1000px"></iframe>
I assume there is something like this somewhere in the website $('*[title]).tooltip()
but I am not going to remove it anyway.
In other words, I need to execute code after the plugin is loaded.
I found this: Facebook like box load event jquery but it did not work.