Выполнение следующего кода только после выполнения цикла, как так сделать?

Question

[Евгений Данилов]

while (children.length) {
			 	
        		parent.append(children.splice(Math.floor(Math.random() * children.length), 1)[0]);
    		 	
    		 }

- Есть вот этот код который случайным образом перемешивает элементы внутри контейнера, но мне нужно некоторые из них сделать с фиксированной позицией (чтобы перемешка на них не влияла), как мне добиться выполнения моего кода только после этой перемешки или же возможно как-то иначе закрепить нужные мне элементы на нужном месте?

Answer 1

[Stalker_RED]

while ( ... ) {
  // какой-то код #1
}
// какой-то код #2, и он выполнится после того что #1

Ну или можете просто не все перемешивать.

UPD: Набросал пример: https://jsfiddle.net/0f2okd38/
Правильно ли я понимаю, что у вас бывают случаи, когда перемешивание срабатывает позже, чем дописывание текста, которое после цикла?

UPD2: Теперь банановый https://jsfiddle.net/0f2okd38/3/
Добавил фиксированных элементов.

Comments

[Евгений Данилов]

var children = parent.not(adv_button, second_banner).children('.custom-sidebar'); пробовал исключить элементы из перемешки таким вот способом но не сработало.

[OVK2015]

Евгений Данилов:
А изменения в DOM (которые внутри while делаются) успевают выполниться?

[Евгений Данилов]

OVK2015: так вот в том то и дело что через раз оно правильно отображает позиции. По этому и вопрос был чтобы делать мои изменения после того как они уже перестроются.

[OVK2015]

Евгений Данилов:
Может это как из пушки по воробьям: в JQuery есть Deferred, или js Promise

[Евгений Данилов]

OVK2015: напишите пример вместе с while. Мой вопрос как раз и был как выполнить после выполнения цикла.

[OVK2015]

Евгений Данилов:
Компа под рукой нет.
Посмотрите: https://api.jquery.com/promise/

[Евгений Данилов]

OVK2015: там нет примера с стандартным javascript, только примеры выполнения функций jQuery. $( "div" ).promise().done(function() { мой код после цикла }) не работает.

[Евгений Данилов]

Stalker_RED Ваше решение просто добавляет к каждому второму элементу и 4-ому какой-то текст, а сами по себе элементы все-равно меняются, не исключаются из перемешки.

[Евгений Данилов]

Stalker_RED https://jsfiddle.net/0f2okd38/1/ - даже вот такое решение которое якобы вставляет контент в нужное мне место - все-равно не работает постоянно, если часто щелкать то текст либо пропадает либо меняется местами.

[Stalker_RED]

Евгений Данилов: тогда опишите нормально задачу. ЧТО вы хотите сделать. Мне почему-то подумалось, что вам нужно ИЛИ исключить некоторые элементы из перемешивания ИЛИ выполнить какой-то код после перемешивания. Я реализовал второе - т.к. это проще.

[Евгений Данилов]

Stalker_RED: да, второе и нужно было. Оно работает так как надо, но не могу понять почему все-равно порядок хаотичный при переносе кода на сайт, тот же код на jsfiddle работает без проблем. А вот на сайте этот же код не хочет соблюдать такой порядок https://jsfiddle.net/0f2okd38/7/

[Stalker_RED]

Евгений Данилов: Если на jsfiddle работает, а на сайте нет, значит что-то "ломается" при переносе. Ошибки в консоли есть?

[Евгений Данилов]

Stalker_RED: там по всей видимости проблема с HTML, скрипт работает но не работает с порядком, а просто перемешивает как попало, при том что все селекторы верные и код тоже верно изменил. Буду дальше искать проблему.

[Stalker_RED]

Евгений Данилов: Как это, "работает но не работает с порядком"? Может покажете ваш код?