jQuery 根据 window 宽度定位菜单

Question

我正在尝试使用一点 jQuery 来根据屏幕的宽度移动我的菜单。

问题是它在一定的 window 宽度 (1140px) 以上没问题，但是，部分菜单在其他宽度处被遮挡。我有一个以 980 像素显示菜单的媒体查询，因此在 980 和 1140 之间我需要一个不同的菜单位置。

到目前为止我有这个；

$(window).width(function(){
    var win = 1140px;
    if(window.width<=win){
        $("nav ul").css("left", "45%");}
    else {
       $("nav ul").css("left", "55%");}
});

这不起作用，我知道这是一个基本错误，但我没有足够的经验来写出这种代码。

Answer 1

尝试这样的事情，

function resize(){
  var win = 1140px;
  if ($(window).width() <= win) { 
    $("nav ul").css("left", "45%");
  } else {
    $("nav ul").css("left", "55%");
  }
});
resize();
$(window).on('resize', resize);

Answer 2

function resize(){
  var win = 1140;
  if ($(window).width() <= win) { 
    $("nav ul").css("left", "45%");
  } else {
    $("nav ul").css("left", "55%");
  }
};
resize();
$(window).on('resize', resize);

根据@user86745458的回答

jQuery 根据 window 宽度定位菜单

jQuery to position menu according to window width

jquery

window

menu

width