Subscribe Widget with AJAX website

Hello !

I have loaded the JS on all pages but as the “submit” button is not in the page on the first load, it doesn’t work after the AJAX load. I need to trigger the script on page change. Do you have something for that ?

Thank you in advance 🙂

Hi @mailjet 🙂 !

Thank you for your answer ! It doesn’t work, because you do the click on an element that is still not in the page. But with the following code, it works because we do the click event on the “body”, which is all the time present, in every pages of course 😉 :

jQuery(document).ready(function ($)
{
    $('body').on('submit', '.subscribe-form', function (e)
    {
        e.preventDefault();
        var $el = $(this);
        var loading = '<p><img src="' + WPMailjet.loadingImg + '" alt="Please wait..."></p>';// Loading state
        var $res = $el.parent().find(".response").html(loading);// Clear previous messages
        $.post(WPMailjet.ajaxurl, $el.serialize(), function (data)
        {
            $res.html(data);
        });
    });

    $('body').on('click', '.widget-control-close', function (e)
    {
        var $res = $(this).closest('form').find(".mailjet_subscribe_response");
        if (jQuery.type($res.html()) !== undefined)
        {
            $res.hide();
        }
    });
});

Could you do something about it ?