使用JQuery使div坚持非子div

Question

所以我试图在Owl-Carousel 2.0中制作一个双滑块， 第一个滑块有9个图像，这意味着它有9个点。这些圆点放在一个容器中，＃customCots。我试图使这些点的位置为：水平居中（有效），并出现在第二个滑块的顶部，因此位置，底部应该是第二个滑块的高度（#sync2）。 我尝试使用JQuery来执行此操作，使用以下代码行：

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

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

如果它不能成为#sync2的孩子，我怎样才能将#customDots div粘贴到＃sync2的顶部？

请在此处查看完整的代码：http://codepen.io/JJvanSteijn/pen/aJxgdW

Answer 1

我会将#sync2包裹在一个元素中（我创建#sync2Container），使用该新元素将第二个滑块定位在窗口的底部，然后将这些点添加到该元素的顶部元件。 http://codepen.io/mcoker/pen/JWgKxJ

Answer 2

您需要为#sync2：

的CSS添加高度

#sync2{height:210px}

并使用JS代码获取高度：

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

希望它有用。