Question

菜单应隐藏或显示，具体取决于浏览器窗口的大小，但在Internet Explorer中无效。我用这个jquery，如果有人能告诉我它写得不好???

$(window).resize(function() {
  if(viewport()<767){

    $('.buttonShow').on('click', function(e){
        e.preventDefault();

        $('.slide-menu').stop().animate({marginLeft: '0'});
        $('.brand').stop().animate({marginRight: '0'});
        $(this).hide();
        $('.buttonHide').show();
        if(viewport()<383){
            $('.slide-menu').css('width','100%')
        }
    });

    $('.buttonHide').on('click', function(e){
        e.preventDefault();

        $('.slide-menu').stop().animate({marginLeft: '-315'});
        /*$('.brand').stop().animate({marginRight: '-436'});*/
        $(this).hide();
        $('.buttonShow').show();
        $('.slide-menu').css('width','368');
    });
  }

});

抱歉，如果你不明白，我几乎不会说英语

向所有人致以问候 zlyjoker102

Answer 1

负边距在IE中不起作用。使用位置：relative和left：-315

$('.slide-menu').stop().animate({left: '-315'});
$('.slide-menu').stop().animate({position: 'relative'});

使用jquery隐藏菜单在IE中不起作用

1 个答案: