如何在 .append() 之后制作“上一个位置”按钮；和全屏？

Question

我正在尝试将一个 DIV 块全屏并创建一个“返回”按钮以返回到以前的大小和位置。 目前我必须使用.append(); 将位置设置为0px 并将大小设置为100%。 但是如何添加返回标题呢？

单击一个块并查看。 这是我的示例：Go To jsFiddle !

有人有提示吗？

提前谢谢，对不起我的英语！

Answer 1

.append() 将您的元素移动到 DOM 中的另一个位置。这似乎不是一个好主意，首先是因为您将 li 元素移动到不属于的列表 (ol/ul) 之外，其次是因为您实际上并不想要在逻辑上在其他地方，但只是看起来不同*。

显然，您正在移动元素，因为它位于另一个绝对定位的元素内，使其相对于该元素而不是主体定位。这为您提供了两种选择：

A) 更改您的 CSS，以便您要全屏显示的 DIV 不在另一个绝对/相对定位的元素（主体除外）内。然后，您可以留下 .append() 调用并设置 CSS。

或

B) 存储“位置”（例如上一个或下一个元素）并将元素移回那里。