更新相對於動態更改的div高度的div的邊距

我在想如果jQuery或JS可以這樣做。更新相對於動態更改的div高度的div的邊距

我通過獲取包含圖像的容器的高度來設置div的邊距。

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

但是，容器的圖像本質上是一個滑塊，所以此容器的高度可以改變。

我想知道是否有可能在容器高度發生變化時更新articleImageHeight變量？

我正在使用slidesJS作爲容器中的滑塊。

這裏是我工作的一個例子：http://goo.gl/FdftC

非常感謝， [R

來源

2013-02-16 John the Painter

[http://jsfiddle.net/zFVyv/10/](http://jsfiddle.net/zFVyv/10/） - [http://stackoverflow.com/questions/10868104/can-you-具有-A-JavaScript的鉤觸發後-A-DOM元素風格對象變化（http://stackoverflow.com/questions/10868104/can-you-have-a-javascript-hook-trigger -dom-elements-style-object-change） - shoudl讓你朝着正確的方向前進。 – Ohgodwhy 2013-02-17 00:16:20

我應該會很適合做這是你的腳本片段添加爲一個函數，然後調用每當幻燈片發生變化時都會起作用。這意味着你需要對插件進行一些修改。查看插件主動畫功能簡單地稱爲animate()。

因此，作爲一個簡單的例子

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

上面增加了你的位給一個函數，然後添加updateHeight();排隊236 ...如果你正在使用的插件的未精縮版。

只是上面寫着} // end animate function

行..只是一個想法一個什麼可能看起來有點更好是使用.animate而非.css更新上邊距...但嘿，我不知道是什麼你正在努力完全取決於你。

----編輯---- 只是一個更新...我們發現一個工作魅力的插件animateComplete（）回調。

來源

2013-02-17 00:16:53 dev

非常感謝您的幫助。我努力讓這個工作。我設法將它全部包裝在updateHeight函數中，但移動了updateHeight（）;幻燈片.js停止工作。也許我們可以快速聊天？ – 2013-02-17 00:29:10

好的，我沒有試過這個，所以我會下載插件並設置一個測試。 – dev 2013-02-17 00:31:43

這可能是一個愚蠢的問題，但我們如何進入聊天:)我從來沒有參加過一次。 – dev 2013-02-17 00:33:52

更新相對於動態更改的div高度的div的邊距

回答

相關問題