Javascript 使用JQuery使div与非子div保持一致

所以我想在猫头鹰旋转木马2.0中制作一个双滑块， 第一个滑块有9个图像，这意味着它有9个点。这些圆点放在一个容器中#customdots。我试图将这些点的位置设置为：水平居中（有效），并显示在第二个滑块的顶部，因此位置、底部应为第二个滑块的高度（#sync2）。 我尝试使用JQuery来实现这一点，代码如下：

$("#customDots").css('bottom', $("#sync2").outerHeight()+ "px");

但是，这不会获得实际的#sync2高度，并且不会在移动窗口时更新，使用height（）也不会更新

如果这个#customDots div不可能是#sync2的子版本，我该如何将它粘贴到#sync2的顶部

---

请参见此处的完整代码笔：

我会将

#sync2

包装在一个元素中（我创建了

#sync2Container

），使用该新元素将第二个滑块定位在窗口底部，然后将点添加到该元素的顶部

您需要为CSS添加高度，以便

同步2

：

#sync2{height:210px}

并使用JS代码获取高度：

$('#customDots').css('padding-bottom','0px');
$('#customDots').css('bottom',sync2.outerHeight());

---

希望有用。

@JeroenvanSteijn您在评论中提出的问题比您最初提出的问题多。当有人在你的帖子中回答问题时，请避免在评论中引入一堆与答案无关的新问题，并将相关问题保留在帖子中。也就是说，每个问题都应该有一个明确的问题。如果你有新的问题，你应该试着自己解决，如果你不能，问一个新问题。@JeroenvanSteijn如果你的OP中的问题得到解决，一定要选择一个答案作为解决方案（通过答案勾选）。你完全正确，我的错。我选择了你的答案，可能很快就会发表新的帖子。谢谢你在这里指出礼仪，因为这是我第一个问题。使用StackOverflow的描述方式更有意义，特别是对于那些在谷歌上搜索这些问题的人，以及在依赖他人之前自己尝试一下的人。我几乎解决了我问你的所有问题，除了一个可能更高级的问题。你介意看一下吗？@JeroenvanSteijn不客气。是的，我们的目标是提出具体、清晰的问题，这将有助于谷歌/搜索相同内容的人。我们都是为了因果报应而这样做的，我们可能不知道如何去做你在评论中提出的所有事情。同样重要的是，在问题解决后立即将其标记为已解决，这样人们就不会在问题已经解决时继续提供答案。