Javascript 追加响应

我将我的元素从

.copyfilterArea

移动到

.copyfilter.container margin

到responsive，如果我的分辨率小于768px，则移动我的元素。。到目前为止还可以，函数工作正常，但如果我的分辨率大于768px，则将div放回原始位置。只有这一部分我做不到，我如何更改代码以将div放回原始位置？我试过追加，但没什么变化

$（函数（）{
var标志；
$（窗口）。调整大小（函数（）{
var bodyWidth=$（window.width（）；
console.log（车身宽度）
if（标志！==false&&bodyWidth<768）{
//将图元移动到新位置
$（'.copyFilterArea'）.appendTo（'.copyFilter.container margin'）；
flag=false；
}else if（标志！==true&&bodyWidth>=768）{
//把它放回原来的位置
console.log（'more'）
flag=true；
}
}).resize（）；
});
.copyFilter.container margin{
填充：20px；
}

Lorem ipsum dolor sit amet，奉献精英。不合法的行为破坏了一个几乎不可原谅的事实，即在圣塞佩岛上的布朗迪提斯岛上，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方！累积时间的不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力。没有人会解释说，除了区别之外，任何人都是有权利的。在意大利马格尼布兰迪提斯的意大利葡萄酒中，最大限度地提高葡萄酒的质量

复制内容，我们会在这里
使用
prependTo
将文本置于初始状态：


$（函数（）{
var标志；
$（窗口）。调整大小（函数（）{
var bodyWidth=$（window.width（）；
console.log（车身宽度）
if（标志！==false&&bodyWidth<768）{
//将图元移动到新位置
$（'.copyFilterArea'）.appendTo（'.copyFilter.container margin'）；
flag=false；
}else if（标志！==true&&bodyWidth>=768）{
//把它放回原来的位置
$（'.copyFilterArea'）.prependTo（'.copyFilter.container margin'）；
console.log（'more'）
flag=true；
}
}).resize（）；
});
.copyFilter.container margin{
填充：20px；
}

Lorem ipsum dolor sit amet，奉献精英。不合法的行为破坏了一个几乎不可原谅的事实，即在圣塞佩岛上的布朗迪提斯岛上，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方！累积时间的不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力。没有人会解释说，除了区别之外，任何人都是有权利的。在意大利马格尼布兰迪提斯的意大利葡萄酒中，最大限度地提高葡萄酒的质量

复制内容，我们会在这里
如果您在运行时在DOM中附加和删除特定元素时遇到任何问题，那么您可以使用隐藏/显示逻辑来处理它，其中元素重复如下：


$（函数（）{
var标志；
$（“.subFilterArea”）.hide（）；
$（窗口）。调整大小（函数（）{
var bodyWidth=$（window.width（）；
console.log（车身宽度）
if（标志！==false&&bodyWidth<768）{
//将图元移动到新位置
$（“.mainfilterrea”）.hide（）；
$（“.subFilterArea”）.show（）；
flag=false；
}else if（标志！==true&&bodyWidth>=768）{
//把它放回原来的位置
$（“.mainfilterrea”）.show（）；
$（“.subFilterArea”）.hide（）；
flag=true；
}
}).resize（）；
});
.copyFilter.container margin{
填充：20px；
}

Lorem ipsum dolor sit amet，奉献精英。不合法的行为破坏了一个几乎不可原谅的事实，即在圣塞佩岛上的布朗迪提斯岛上，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方！累积时间的不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力。没有人会解释说，除了区别之外，任何人都是有权利的。在意大利马格尼布兰迪提斯的意大利葡萄酒中，最大限度地提高葡萄酒的质量

复制内容，我们会在这里
Lorem ipsum dolor sit amet，奉献精英。不合法的行为破坏了一个几乎不可原谅的事实，即在圣塞佩岛上的布朗迪提斯岛上，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方，一个不可原谅的地方！累积时间的不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力、不可抗力。没有人会解释说，除了区别之外，任何人都是有权利的。在意大利马格尼布兰迪提斯的意大利葡萄酒中，最大限度地提高葡萄酒的质量

$（函数（）{
var标志；
$(function () {
  var flag;
  var $copyFilterArea = $('.copyFilterArea')
  $(window).resize(function () {
      var bodyWidth = $(window).width();
      console.log(bodyWidth)
      if (flag !== false && bodyWidth < 768) {
          //move the element to new location
          $copyFilterArea.appendTo($('.copyFilter .container-margin'));
          flag = false;
      } else if (flag !== true && bodyWidth >= 768) {
        //put it back to original location
          if($("body").children(".copyFilterArea").length<=0){
            $copyFilterArea.prependTo($('body'))
          }
          console.log('more')
          flag = true;
      }
  }).resize();
 });