Asynchronous reload with “addthis_inline_share_toolbox” not working

  • Oliver

    (@oliverraduner)


    9 years, 4 months ago

    Hi there,
    I included an addthis inline share toolbox on my WordPress blog with the following snippet and by using your official WordPress Plugin “Share Buttons by AddThis”:

    <div class="addthis_inline_share_toolbox"></div>

    This works fine on all initially loaded posts. However, as soon as I asynchronously load new posts (infinite scrolling) – they won’t be readded to the placeholder on newly grabbed posts. This is DESPITE I am calling the following function in the AJAX call return:

    addthis.toolbox('.addthis_inline_share_toolbox');
    => using a console.log()-command I was able to verify, that this part of the code is properly called while loading new dynamic content via AJAX on infinite scrolling!

    I got the instructions from these page here from your knowledge-base – but I think it’s either outdated or not suited for included “addthis_inline_share_toolbox”… Could this be?
    http://www.addthis.com/academy/using-addthis-asynchronously/
    => when I include the html structure as described in this article, it works correctly! However, with my inline-share-toolbox, it won’t…

    Thanks for any help on this!
    Oliver

    • This topic was modified 9 years, 4 months ago by Oliver.
    • This topic was modified 9 years, 4 months ago by Oliver.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Julka Grodel

    (@jgrodel)

    9 years, 3 months ago

    Hi Oliver.

    Thanks for letting us know about your issue. Would you mind sharing a URL where you’re not seeing the behavior you expect? If you’d prefer to share privately, please feel free to reach out to us at help@addthis.com.

    Thanks,
    Julka

    Thread Starter Oliver

    (@oliverraduner)

    9 years, 3 months ago

    Hi @jgrodel
    Sure, see this site here – directly on the homepage:
    https://swissmacuser.ch/

    1. Search the source code for addthis_inline_share_toolbox (especially interesting after having scrolled down and new posts have been loaded dynamically – you’ll properly find the <div> on their markup)
    2. While scrolling down the page and thus triggering the infinite scroll, you’ll see a notice in the browser console stating:
      [INFO] calling addthis.toolbox() to show buttons on dynamically added posts

    By the way: the AddThis Share Buttons in combination with WPTouch Plugin do not work and run into an infinite loading-loop – you can try to reproduce this here:
    https://swissmacuser.ch/fix-wordpress-stuck-in-maintenance-mode-on-macos-mamp/?utm_source=dlvr.it&utm_medium=twitter#.WH6R1diZOV7

    => see errorous behaviour when clicking on the “Share”-button in the banner showing up in the bottom

    Thanks,
    Oliver

    Plugin Contributor Julka Grodel

    (@jgrodel)

    9 years, 3 months ago

    Hi Oliver.

    For the infinite scroll, try addthis.layers.refresh() instead of addthis.toolbox('.addthis_inline_share_toolbox');.

    As for the issue with WPTouch, I’ve been unable to reproduce it. Could you tell me more about the type of unexpected behavior you’re seeing?

    Thanks,
    Julka

    Thread Starter Oliver

    (@oliverraduner)

    9 years, 3 months ago

    Hi @jgrodel

    YES – using addthis.layers.refresh() did the trick! Awesome!
    (you maybe should update the documentation at http://www.addthis.com/academy/using-addthis-asynchronously/ accordingly… 🙂 )

    I can reproduce the WPTouch Mobile Share Banner not working only on a physical iOS device, but not in the mobile view on a Desktop Browser. Have to look into this again to verify it properly…

    Thanks,
    Oliver

    • This reply was modified 9 years, 3 months ago by Oliver.
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Asynchronous reload with “addthis_inline_share_toolbox” not working’ is closed to new replies.