我的侧边栏有一个障碍。当调整大小到一定大小以下时，我将其放在主要内容中。当我将尺寸调整回原始尺寸时，我希望它回到原来的位置。问题是，此块位于不同页面的侧栏中的不同位置。它始终只是一个，因此具有ID，但有时它是第一个侧边栏项目，有时是第二个侧边栏项目。
当我再次调整页面大小时，如何将其放回原处？
例如，当我的页面小于640px宽时，将块#foo与jQuery一起移动到元素#bar下方。
$("#bar").after($("#foo"));
一切都很好。但是，当我将尺寸调整为大于640像素宽时，除
#foo之外，所有内容都会弹出回到原位。我可以在侧边栏中选择一个地点，并始终将其放回此处，而不管它从侧边栏中来自何处，但这并不有趣。我知道有可能使用
#baz :eq(n)之类的东西在#baz中找到第n个项目...在移动之前是否有类似$("#baz").getOrdinalPosition($(".parent-of-baz"));的方法在其父元素中找到#baz的位置，所以我知道放回哪里？ 最佳答案
您可以只使用包装器<div>并将其放回包装器中以重新获得其以前的位置，但是我不太想在DOM中移动元素。那通常不是正确的做事方式。最好有两个块实例，并用display:none/block切换它们。