Question

我需要在animate事件运行时检测div“collectionFilterPage”的总高度。有绑定事件吗？这是我的ja代码：

function showMoreItems() {
    $("#collectionFilterPage").animate({
        height: "+=720"
    }, 1000, function() {
        if ($("#collectionFilterPage").outerHeight() >= $(".lista").outerHeight())
            unbindScrollEvent();
    });
}

基本上，当div“collectionFilterPage”和“lista”具有相同的高度时，我想要触发“unbindScrollEvent”。感谢

Answer 1

您可能希望切换到此$().aninate签名并使用step属性，该属性允许您设置在动画的每个步骤中调用的回调函数。

function showMoreItems() {
    function checkHeight() {
        if ($("#collectionFilterPage").outerHeight() >= $(".lista").outerHeight())
            unbindScrollEvent();
    }

    $("#collectionFilterPage").animate({
        height: "+=720"
    }, {
        duration: 1000,
        complete: checkHeight,
        step: checkHeight
    });
}

http://api.jquery.com/animate/

$(...).animate( properties, options );

Answer 2

解决。这很容易

height：$（“＃collectionFilterPage”）。outerHeight（）＆gt; = $（“。lista”）。outerHeight（）？ “+ = 0”：“+ = 720”

Jquery触发div高度变化事件（动画？）

2 个答案: