这是我的问题的非常简化的版本.

HTML：

<div class="thumbnail">
  <a href='#' id="clickMe">Click me!</a>
</div>

CSS：

div {
    width: 200px;
    height: 300px;
    background-color: purple;
}
a {
    position: absolute;
}
@media (max-width: 991px) {
    div {
        height: 200px;
    }
}

使用Javascript：

$(document).ready(function () {
    var $parent = $('#clickMe').parent();
    function resize() {
        $('#clickMe').offset({
            top: $parent.offset().top + $parent.height()-$('#clickMe').height()
        });
    }
    $(window).on('resize',resize);
    resize();
});

问题：

那么当我调整大小(没有拖动)时会给出什么？好吧,javascript首先启动并设置< a>< / a>的位置,然后CSS应用高度变化,如果我们< 992 px. 从逻辑上讲,按钮现在在视觉上位于div的外部而不是像我最初定义的那样在边框上. 本文提出的临时解决方案. jQuery – how to wait for the ‘end’ of ‘resize’ event and only then perform an action?

var doit;
    $(window).on('resize',function(){ clearTimeout(doit); doit = setTimeout(resize,500); });

临时解决方案不是我想要的：

但是,在我的情况下,我真的不需要在调整大小事件实际完成时调用’resize’.我只是希望我的javascript在css完成加载/或完成它的更改后运行.当css可能完成时,使用该函数“randomely”运行JS时感觉非常慢.

问题：

这个问题有方法解决吗？任何人都知道js中的技术要等到css完全完成在调整大小期间应用修改？

附加信息：

在jsfiddle中测试这个很可能不会给你与I相同的结果.我的css文件有很多行,我使用的是Twitter Bootstrap.这两个占用了很多资源,放慢了css应用程序的速度(我想,如果我错了就告诉我).

MiljanPuzović–通过js加载css文件提出了一个解决方案,然后当css上的js事件结束时应用js更改.