c# .net Adsense ADO.NET Linq Viruses/security asp.net MVC JQuery Angular-js Node-js SEO Java C++ SQL API Networking vb.net .Net Css JavaScript Generics c#.Net entity framework HTML Website host Website Construction Guide HTTP tutorial W3C tutorial Web Services JSON Psychology Ionic framework Angular ReactJS Python Computer Android
JQuery

after ajax load AddThis is not working

| | ASP-NET , Html , JavaScript

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
    });