JQuery

after ajax load AddThis is not working

after ajax load AddThis is not working, someone asked me to explain?

Many users use dynamic Html or Ajax to display content on scrolling which loads the content without navigating to another page. Addthis code should runs on page load it is not working when I load dynamic content on button click.

<div class="addthis_toolboxaddthis_default_style ">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
    <a class="addthis_button_compact"></a>
    <a class="addthis_counteraddthis_bubble_style"></a>
</div>


after ajax load AddThis is not working

After adding this following script on page load it is showing the addthis toolbox.

 $(document).ajaxStop(function () {
       if (window.addthis) {
           window.addthis = null;
        }
        var addthisScript = document.createElement('script');
       addthisScript.setAttribute('src', 'http://s7.addthis.com/js/300/addthis_widget.js#domready=1')
        document.body.appendChild(addthisScript);
        var addthis_config = addthis_config || {};
        addthis_config.pubid = 'publisherId'; // include publisherid fromaddthis.com     });

Post your comments / questions