javascript - 尝试在 switch 语句中使用 $(window).resize(function() 时出现问题

Question

我试图在某些情况下捕获窗口大小，并根据宽度使用此代码应用不同的左侧位置:

 case 'above':
        modal.css({
          'top': buttonPosition.top - modal.outerHeight() + scrollTop,
          'left': $(window).resize(function() { 
                      var i = $(this).width(); 
                      if (i > 735) { buttonPosition.left - 188;}
                      else {
                        buttonPosition.left - 100;
                      }
                    })
        });
        break;

但这似乎没有应用任何东西，无论窗口的宽度如何，元素仍然在相同的位置，但是当我删除 $(window).resize(function() 它时像这样工作:

case 'above':
        modal.css({
          'top': buttonPosition.top - modal.outerHeight() + scrollTop,
          'left': buttonPosition.left - 188;
        });
        break;

但这不允许我根据窗口大小更改左侧位置，将不胜感激任何帮助

Answer 1

尝试这样做:

case 'above':
        modal.css({
          'top': buttonPosition.top - modal.outerHeight() + scrollTop,
          'left': $(window).width() > 735 ? buttonPosition.left - 188 : buttonPosition.left - 100
        });
        break;

有关 ?语法见此处:Question Mark in JavaScript