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

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 中不起作用。使用 position:relative 和 left:-315

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