QR code broken in ajax call

  • I have this page that shows multiple items with QR codes.
    Everything works fine on the first load.
    But when I filter the content using ajax, the QR code seems broken in the updated content. The source of the QR image tag becomes “unknown” for some reason. Is there any way to fix this?

    • This topic was modified 2 years, 6 months ago by anandhunatesh.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Kaya Studio

    (@kayastudio)

    Hello,
    Thank you for your comment and for using ‘Kaya QR Code Generator’.

    Indeed with the ajax updated content, the new QR Code images are loaded after the JavaScript founction that generate them.

    For the images to be corectly loaded after, it must execute the function wpkqcg_qrcode_display() again.

    If you can, you must add this function as a callback, or let me know the jQuery trigger used to add this in a next update of the plugin.

    Thank you, best regards.

    Hello,

    I probably have the same problem. We use JetEngine Listings and there the qr code is not working:
    The same shortcut is working at a normal page in the same wordpress installation. I tried to add at the end of the snippet “<script>wpkqcg_qrcode_display()</script>”, but I get: Uncaught ReferenceError: wpkqcg_qrcode_display is not defined

    There is no error and still no qr code if I add this directly after the qr code:
    <script type=”text/javascript”>window.addEventListener(“DOMContentLoaded”, (event) => {wpkqcg_qrcode_display();});</script>

    What exactly do I have to add? I believe something like (for JetPopups not for JetEngine):
    jQuery( window ).on( ‘jet-popup/show-event/before-show’, function () {

    });

    But crocoblock say this is no “crocoblock-problem”.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘QR code broken in ajax call’ is closed to new replies.

Tags