Autor Zpráva
leorond
Profil
Ahoj, mám problém s responzivním menu na pretashop kde menu funguje dobře ale pokud přijdu na stránku přes mobil tak po kliknutí se otevře a hned se zase zavře. Koukněte prosím kde je chyba

var responsiveflagMenu = false;
var categoryMenu = $('ul.sf-menu');
var mCategoryGrover = $('.sf-contener .cat-title');

$(document).ready(function(){
    categoryMenu = $('ul.sf-menu');
    mCategoryGrover = $('.sf-contener .cat-title');
    responsiveMenu();
    $(window).resize(responsiveMenu);
});

// check resolution
function responsiveMenu()
{
   if ($(document).width() <= 767 && responsiveflagMenu == false)
    {
        menuChange('enable');
        responsiveflagMenu = true;
    }
    else if ($(document).width() >= 768)
    {
        menuChange('disable');
        responsiveflagMenu = false;
    }
}

// init Super Fish Menu for 767px+ resolution
function desktopInit()
{
    mCategoryGrover.off();
    mCategoryGrover.removeClass('active');
    $('.sf-menu > li > ul').removeClass('menu-mobile').parent().find('.menu-mobile-grover').remove();
    $('.sf-menu').removeAttr('style');
    categoryMenu.superfish('init');
    //add class for width define
    $('.sf-menu > li > ul').addClass('submenu-container clearfix');
     // loop through each sublist under each top list item
    $('.sf-menu > li > ul').each(function(){
        i = 0;
        //add classes for clearing
        $(this).each(function(){
            if ($(this).attr('class') != "category-thumbnail"){
                i++;
                if(i % 2 == 1)
                    $(this).addClass('first-in-line-xs');
                else if (i % 5 == 1)
                    $(this).addClass('first-in-line-lg');
            }
        });
    });
}

function mobileInit()
{

    categoryMenu.superfish('destroy');
    $('.sf-menu').removeAttr('style');

    mCategoryGrover.on('click', function(e){
        $(this).toggleClass('active').parent().find('ul.menu-content').stop().slideToggle('medium');
        return false;
    });

    $('.sf-menu > li > ul').addClass('menu-mobile clearfix').parent().prepend('<span class="menu-mobile-grover"></span>');

    $(".sf-menu .menu-mobile-grover").on('click', function(e){
        var catSubUl = $(this).next().next('.menu-mobile');
        if (catSubUl.is(':hidden'))
        {
            catSubUl.slideDown();
            $(this).addClass('active');
        }
        else
        {
            catSubUl.slideUp();
            $(this).removeClass('active');
        }
        return false;
    });


    $('#block_top_menu > ul:first > li > a').on('click', function(e){
        var parentOffset = $(this).prev().offset();
           var relX = parentOffset.left - e.pageX;
        if ($(this).parent('li').find('ul').length && relX >= 0 && relX <= 20)
        {
            e.preventDefault();
            var mobCatSubUl = $(this).next('.menu-mobile');
            var mobMenuGrover = $(this).prev();
            if (mobCatSubUl.is(':hidden'))
            {
                mobCatSubUl.slideDown();
                mobMenuGrover.addClass('active');
            }
            else
            {
                mobCatSubUl.slideUp();
                mobMenuGrover.removeClass('active');
            }
        }
    });

}

// change the menu display at different resolutions
function menuChange(status)
{
    status == 'enable' ? mobileInit(): desktopInit();
}

Děkuji


Koukněte zde 114242.w42.wedos.ws ať vidíte co to dělá
leorond
Profil
Prolezl jsem snad celý google ale žádný funkční návod bohužel

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: