I've got a jQuery Fancybox (http://fancybox.net/) displaying some markup retrieved via an HTTP request. Now I'm fighting with adding an AddThis toolbox to this markup. My first step was to simply add a basic toolbox markup:
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
First problem: This markup is not changed by AddThis, i. e. it remains empty.
It may be the case, that the markup is not yet added to the document when the included script is run. So I tried to manually call addthis.toolbox('.addthis_toolbox') after the fancybox is displayed. This call is made, the Chrome debugger shows two steps within the AddThis script and then immediately returns. No changes are made, no errors are thrown.
When I use the exact same markup within a simple page instead the fancybox and call addthis.toolbox('.addthis_toolbox') on load, everything is set up as expected. So it somehow seems like AddThis cannot find the markup. But the fancybox is simply appended to the content of the body element, so I can't see any reason for this.
Do you have any idea how to get this working?