侧边菜单在Firefox中可以正常,但可以在Chrome和IE中跳转

时间:2014-02-09 03:52:06

标签: javascript jquery css

早上好。

以下链接到我网站上的旁边菜单:link

在Firefox中工作正常,显示和隐藏没有问题。但在Chrome中你可以看到差异,菜单正在跳跃。

谢谢。

Jquery:

if (window.location.href.indexOf('http://www.odsavacky.cz/blog/wpcproduct/') != -1 ){
        $('.arrows_list1-1 li ul').hide();
        var prev_url = document.referrer;
        var $current = $('.arrows_list1-1 li a[href="' + prev_url + '"]');
        $current.parents('.sub-menu').show();
        $current.next('.sub-menu').show();    
    }else if(window.location.href.indexOf('/page/') != -1){
        $('.arrows_list1-1 li ul').hide();
        var page_url = window.location.href.split("/").slice(0,5).join("/");
        page_url = page_url + "/";
        var $current = $('.arrows_list1-1 li a[href="' + page_url + '"]');
        $current.parents('.sub-menu').show();
        $current.next('.sub-menu').show();    
    }else{  
        $('.arrows_list1-1 li ul').hide();
        $('.arrows_list1-1 li').click(function(ev) {
            $(this).find('>ul').show();
            ev.stopPropagation();
        });

        var url = window.location.href;
        var $current = $('.arrows_list1-1 li a[href="' + url + '"]');
        $show_this_ul = $current.parent().parent();
        $current.parents('.sub-menu').show();
        $current.next('.sub-menu').show();
    }
    $('body').addClass('loaded');

CSS:

body:not(.loaded) ul.sub-menu
{
  display:none;
}

0 个答案:

没有答案