相对于动态更改的div的高度更新div的边距

Question

我想知道这在jQuery或JS中是否可行。

我在一个div上设置了一个边距，这个边距是通过获取包含图像的容器的高度来设置的。

var articleImageHeight = $('.slides_control').height();
$('.individual-article-contents').css('margin-top', articleImageHeight);

但是，容器的图像本质上是一个滑块，因此该容器的高度可以更改。

我想知道是否可以随着容器高度的变化而更新articleImageHeight变量live？

我使用slidesJS作为容器中的滑块。

下面是我正在做的一个例子：http://goo.gl/FdftC

非常感谢，R

Answer 1

为此，我可能会做的是将脚本片段添加为函数，然后在每次幻灯片更改时调用该函数。这意味着你需要对插件做一些细微的修改。看一下插头，主要的动画函数被简单地称为animate()。

举个简单的例子

updateHeight = function(){
   articleImageHeight = $('.slides_control').height();
   $('.individual-article-contents').css('margin-top', articleImageHeight);
}

上面的代码将你的位添加到一个函数中，然后将updateHeight();添加到第236行...如果你使用的是插件的非精简版本。

就在写着} // end animate function的那条线上面

。。我的想法是，使用.animate而不是.css来更新上边距可能看起来更好一些……但是，嘿，我不知道你在做什么，所以完全由你决定。

-编辑-只是一个更新...我们在插件上发现了一个animateComplete()回调函数，它很有效。