我正在尝试在我的网站中插入几行新代码。当浏览器宽度小于768px时需要插入代码,如果代码已经存在则不需要再次插入。出于某种原因,每当我将浏览器的大小调整为小于 768 时,代码都会插入两次,然后每次调整大小时再插入一次。有谁知道为什么这行代码被多次插入?
$(window).resize(function() {
if ($(window).width() < 768) {
if ($(document).not('#step-4-circle')) {
$('<div id="step-4-circle" class="step-circle"><div class="inner"><span class="number">4</span><span class="title">FULFILL ORDERS</span><span class="subtitle">where you want</span></div></div>').insertBefore('#how-step-3');
}
}
});