Home Forums Community Forum Modal Won't Close

Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • belmontabbeycollege
    Participant
    Post count: 3

    I think I have a javascript conflict.

    I put in custom code to create a tab menu below the header using the code below. But I want to use modals on this page as well and when I click on the modal, it comes up but the whole screen, including the modal, is dimmed and all I can do is refresh to get out of the modal.

    Help?!

    Custom Code:

    <script>
    $.noConflict();
    jQuery(‘document’).ready( function(){
    pageNav();
    });

    function pageNav() {
    jQuery(‘.top-nav .fusion-layout-column’).click(function(e) {
    e.preventDefault();

    var stringName = jQuery(this).find(‘a’).attr(‘href’);
    console.log(stringName);

    jQuery(‘.top-nav .fusion-layout-column’).each(function(){
    jQuery(this).removeClass(‘active’);
    });

    jQuery(‘.page-tab-wrapper’).each(function(){
    jQuery(this).removeClass(‘active’);
    });

    jQuery(this).addClass(‘active’);
    jQuery(‘.page-tab-wrapper’ + stringName).addClass(‘active’);
    });

    }
    </script>

    belmontabbeycollege
    Participant
    Post count: 3

    In case anyone else encounters this, it wasn’t a Javascript conflict. It was simply that the modal refused to work when nested in a tab. By adjusting the z-index I was able to rectify this issue.

Viewing 2 posts - 1 through 2 (of 2 total)
Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.