如何在通过jQuery调整大小时只插入元素一次

我有以下行动：

var mtarget = $('.headshots');
var mwin = $(window).width();
var singlephoto = '<div class="officers-group-shot"><img src="my-image.jpg" alt=""></div>';

if (mtarget.length) {
    $(window).on("resize", function () {
        if (mwin < 800) {
            $('.headshots').addClass('d-none');
            $(singlephoto).insertBefore('.headshots:first');
        } else {
            $('.headshots').removeClass('d-none');
        }
    }).resize();

var mtarget=$（'.headshots'）；
var mwin=$（window.width（）；
var singlephoto=''；
if（mtarget.length）{
$（窗口）。打开（“调整大小”，函数（）{
如果（mwin<800）{
$（'.headshots'）.addClass（'d-none'）；
$（singlephoto）.insertBefore（'.headshots:first'）；
}否则{
$（'.headshots'）.removeClass（'d-none'）；
}
}).resize（）；

它按预期工作，只是当您拖动屏幕时，它会反复处理insertBefore代码

在加载或拖动时，屏幕小于800px的情况下，如何只插入一次Prefore？

---

谢谢！

检查您是否已经添加了div，只有在找不到的情况下才能添加

if (mwin < 800) {
  var $addedDiv = $(".officers-group-shot");
  if ($addedDiv.length == 0) {
    $('.headshots').addClass('d-none');
    $(singlephoto).insertBefore('.headshots:first');
  }
}

if（mwin<800）{
var$AddDiv=$（“.Offices group shot”）；
如果（$adddiv.length==0）{
$（'.headshots'）.addClass（'d-none'）；
$（singlephoto）.insertBefore（'.headshots:first'）；
}
}

检查您是否已经添加了div，只有在找不到的情况下才进行添加

if (mwin < 800) {
  var $addedDiv = $(".officers-group-shot");
  if ($addedDiv.length == 0) {
    $('.headshots').addClass('d-none');
    $(singlephoto).insertBefore('.headshots:first');
  }
}

if（mwin<800）{
var$AddDiv=$（“.Offices group shot”）；
如果（$adddiv.length==0）{
$（'.headshots'）.addClass（'d-none'）；
$（singlephoto）.insertBefore（'.headshots:first'）；
}
}

为什么不将该行从调整大小处理程序中删除？因为如果第一次加载窗口，或者用户决定在之后调整其窗口大小，则应进行替换过程。如果该行已经存在于舞台上，我不想继续创建它。这是我的难题。为什么不将该行从调整大小处理程序中删除ler？因为如果第一次加载窗口，或者如果用户决定在之后调整窗口大小，则应该进行替换过程。如果它已经存在于舞台上，我不想继续创建它。这是我的难题。