Question

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

问题是它在某个窗口宽度（1140px）之上很好，但是，其他部分菜单在其他宽度处被遮挡。我有一个媒体查询，显示980px的菜单，所以在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根据窗口宽度定位菜单

2 个答案: