0

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

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

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

然而，容器的图像本质上是一个滑块，所以这个容器的高度是可以改变的。

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

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

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

非常感谢，

4

1 回答 1

1

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

举个简单的例子 

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

上面将您的位添加到函数中，然后添加updateHeight();到第 236 行...如果您使用的是插件的未缩小版本。

就在上面写着的那一行} // end animate function

..只是一个想法，看起来更好的是使用.animate而不是.css更新上边距......但是嘿，我不知道你在做什么，所以完全取决于你。

----EDIT---- 只是一个更新......我们在插件上发现了一个 animateComplete() 回调，它很有魅力。

于 2013-02-17T00:16:53.653 回答