jQuery窗口调整大小搞砸css外部查询

Question

我不确定此问题是否已在此处得到解答，但是当我使用jquery（窗口）作为更改div的css的条件时，该div的其余css在调整大小时会在查询外部搞乱。

例如，在下面的代码中，我试图在窗口宽度大于767px且小于800px时重新定位Div A.这段代码唯一合理的工作方式就是我在这个宽度内加载页面。但是，如果我移出指定的宽度，例如800或更高，DivA css会搞砸。如果我加载800或更高的页面，DivA css很好，但是，如果我滚动到767-800，下面的代码不起作用。基本上，我要做的是让代码对调整大小敏感。

if ($(window).width() > 767 && $(window).width() < 800){
 $('.DivA').css({
  transform: 'translateX(180px)',
  MozTransform: 'translateX(180px)',
  WebkitTransform: 'translateX(180px)',
  msTransform: 'translateX(180px)'
 })
}