Блог

Я использую Superfish версии v1.7.4. Мне нужно отключить эффекты меню Superfish в мобильном разрешении. Вот мой код.

 <ul class="nav">
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li class="dropdown">
        <a href="#">Pages</a>
        <ul class="dropdown-menu">
            <li><a href="about-us.html">About Us</a></li>
            <li><a href="about-me.html">About Me</a></li>
            <li><a href="services.html">Services</a></li>
        </ul>
    </li>
    <li><a href="contact.html">Contact</a></li>
</ul>
  

 $(document).ready(function() {
    var $this = this;
    $this.checkSuperfish = function() {
        if ($(window).width() >= 768) {
            $('ul.nav').addClass('sf-menu');
            $('.sf-menu').superfish({
                animation: { height: 'show' },
                delay: 500,
                hoverClass: 'open',
                speed: 'fast', 
            });
        }
        else {
            $('ul.nav').removeClass('sf-menu');
            $('ul.nav li').unbind();
            $('ul.nav li ul').removeAttr('style');
            $('.sf-menu').superfish({
                animation: { height: 'show' },
                delay: 500,
                speed: 'fast', 
            });
        }
    }

    $(window).on("resize", function() {
        $this.checkSuperfish();
    });

    $this.checkSuperfish();
});
  

Здесь у меня небольшая проблема. При низком разрешении меню все еще открывается при наведении курсора мыши. Я хочу отключить эффект открытия меню. Возможно ли это. Спасибо.