Question

我想知道这是否可以使用jQuery或JS。

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

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

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

我想知道当容器的高度发生变化时是否可以更新articleImageHeight变量？

我正在使用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更新上边距...但是嘿我不知道你在做什么这完全取决于你。

<强> ---- ---- EDIT 只是更新......我们在插件上找到了一个animateComplete（）回调函数。

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

1 个答案: