Close Modal on click

  • Heiko Mitschke

    (@antares7)


    9 years, 8 months ago

    Hello!

    Does anyone know, how to close the popup from wBounce when clicking on a hyperlink inside this popup? I have an extra link in my modal and I would like to close the window like it happens if I click on the link in the modal-footer (usually “No thanks”).

    Thanks in advance!

    Heiko

Viewing 3 replies - 1 through 3 (of 3 total)
  • moraitis

    (@moraitis)

    9 years, 7 months ago

    You could try putting this JQuery script in your header:

    
jQuery(document).ready(function ($) {
    // Make jQuery Work with $ instead of compatibility mode
    // https://premium.wpmudev.org/blog/adding-jquery-scripts-wordpress
    $('.hideable').on('click', function () {
        $(this).hide();
    })
    // Listen for a click on a link to change display from block to none
    $('#closemymodalplease').click(function () {
        $('#wbounce-modal').css('display', 'none');
    });
});

    Then in the HTML try this link:

    
<a id="closemymodalplease" href="#wbounce-modal" name="closemymodalplease">Click to show the wBounce Modal</a>

    Let me know if this works for you. I was able to do the reverse to show the modal on a button or link click.

    Thread Starter Heiko Mitschke

    (@antares7)

    9 years, 7 months ago

    Hello!

    Thanks for your reply and interesting solution.

    I disabled this plugin before because the popup appeared, even if the mouse cursor did move on the right side to scroll or down to click something. I could not fix this, so I integrated ouibounce directly in my theme.

    Thanks anyway for your input!

    Heiko

    smartbee

    (@smartbee)

    9 years, 1 month ago

    Thanks @moraitis

    This worked for me

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Close Modal on click’ is closed to new replies.