Jquery wrap при обратном resize?

Question

[MegaPuxapb]

есть код:
https://codepen.io/Xpycm2000/full/dVOeGe/

при окне < 768 удаляет 2 дива. Тут всё норм.
при окне > 768 добавляет их. Тут проблема. при растягивании окна дивы начинают плодиться.
как побороть эту проблему?
и второй вопрос, как запустить скрипт не только при ресайзе но и сразу после загрузки страницы?

Comments

[Exploding]

А можно узнать ради чего эта боль с ресайзами, врапами...?

[MegaPuxapb]

Exploding,

нужно из этого в десктопе :

сделать слайдер в моб:

[Exploding]

MegaPuxapb, у меня для вас плохие новости)) Вы выбрали самый геморный способ реализации этой задачи. По сути надо просто взять слайдер и скормить ему родителя этих блоков... Готово!
Ну вариантов если так не получается - всеравно масса, как и слайдеров. И уж точно не врапы юзать:)

[MegaPuxapb]

Exploding,
это вы ещё не видели, как я слайдер в модалку заталкивал)
о связке (fancybox + slick) тогда ещё не знал.

тут фишка вот в чём.
в секции 6 видимых блоков. + 6 не видимых (выезжают по клику посмотреть ещё, они имеют 2х дополнительных родителей.

надо, завалить родителей (тогда все 12 блоков с картинками будут в одном диве). и инициализировать слайдер.
Вроде всё работает. Но при обратном ресайзе, родители плодятся. а надо просто, вернуть всё взад.

[Exploding]

MegaPuxapb, Было бы проще, если бы код сего творения предстал перед глазами:)

Answer 1

[Stalker_RED]

var notWrapped = true
$(window).on('resize load', function(){
  if (width > 768 && notWrapped) {
     // wrap
     //  ...
     notWrapped = false
  }
})