Hover on elements doesn’t work

  • Resolved VisedFAQ

    (@visedfaq)


    7 years, 2 months ago

    Hi, I’ve encountered a little problem with this plugin. I have a little jQuery snippet, that allows me to display a description for every instance of portfolio item (how it works – scroll to ‘portfolio’ section: https://en.grad-agency.com/design/). The problem is, when I activated plugin for this custom post type, this hover effect doesn’t work anymore (https://en.grad-agency.com/proud-of/). jQuery snippet that makes this hover work:

    $(".proud-of-box").hover(function() {
  $(".proud-of-box-desc", this).css({"visibility":"visible","opacity":"1"});
  }, function(){
    $(".proud-of-box-desc", this).css({"visibility":"hidden","opacity":"0"});
});

    Maybe you can suggest solution for this problem?

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

Viewing 1 replies (of 1 total)
  • Thread Starter VisedFAQ

    (@visedfaq)

    I resolved this issue by adding this code to work with AJAX:

    $('.alm-ajax').on('mouseenter', '.proud-of-box', function() {
        $(this).addClass('hover');
    }).on('mouseleave', '.proud-of-box', function() {
        $(this).removeClass('hover');
    });
Viewing 1 replies (of 1 total)
  • The topic ‘Hover on elements doesn’t work’ is closed to new replies.