Javascript 动态更改元素高度时使用jquery wookmark插件

我使用的插件，并已得到它的工作，因为他们在他们的网站上显示。在我的用例中，当我将鼠标悬停在特定元素上时，它会垂直“展开”。这显然会弄乱该列中展开元素下方元素的绝对位置。我正在尝试修改/扩充wookmark插件来处理我的用例，我想知道是否有人对我如何处理这个问题有一些建议

---

谢谢。

我无论如何都不是jQuery专家，但我有一个建议

在元素mouseover上，创建一个位于原始div之上的新div。这显然需要修改以适应您的“扩展”需求。我不确定您要扩展到什么大小，或者是否要对其设置动画-因此我创建了新的div，使其与本例中的原始div大小相同

使用此方法将使原始框保持原样，但将在相同位置覆盖相同大小的新框，而不会影响其余框

<script>
$(document).ready(function(e) {
    $('#theHoverElement').mouseenter(function() {

        // on mouseover, get offset values and sizes
        var offset = $(this).offset();
        var top = offset.top();
        var left = offset.left();
        var height = $(this).height();
        var width = $(this).width();

        // create a new div element with the same values
        $("#mainPageContainer").append("<div style='position:absolute; top:"+top+"; left:"+left+"; width:"+width+"; height:"+height+"; z-index:10000;'>Hello World!</div>")

        // here you could put an expanding function
        $(this).animate({ // some height & width properties }, 600);
    });
});
</script>

$（文档）.ready（函数（e）{
$（'#theHoverElement'）.mouseenter（函数（）{
//在鼠标悬停时，获取偏移值和大小
var offset=$（this.offset（）；
var top=offset.top（）；
var left=offset.left（）；
var height=$（this.height（）；
var width=$（this.width（）；
//创建具有相同值的新div元素
$（“#mainPageContainer”）.append（“Hello World！”）
//这里可以放一个展开函数
$（this.animate（{//some height&width properties}，600）；
});
});

正如我所说，我不是jQuery专家，因此这可能不会立即起作用，但可能会有所帮助