.append() перемещает ваш элемент в другое место в DOM.Это не очень хорошая идея, во-первых, потому что вы перемещаете элемент li за пределы списка (ol / ul), где is не принадлежит, и второе, потому что вы на самом деле не хотитечтобы быть логически где-то еще, но просто смотреть по-другому *.
Очевидно, вы перемещаете элемент, потому что он находится внутри другого абсолютно позиционированного элемента, что делает его позиционированным относительно этого элемента вместо тела,Это дает вам две возможности:
A) Измените свой CSS так, чтобы ваши DIV, которые вы отображали на весь экран, не находились внутри другого абсолютно / относительно позиционированного элемента (кроме body).Затем вы можете оставить вызов .append() и просто установить CSS.
или
B) Сохраните «местоположение» (например, предыдущий или следующий элемент) и переместите элемент обратноесть.