javascript - 如何使一个 div 适合另一个？

Question

我想让我的 div(淡入淡出和变形微调器)适合基础 div(名称容器)。我该怎么做？这是我在 jsfiddle 上的代码:

http://jsfiddle.net/nyy8egb0/7

我的意思是我想根据 name-container 的大小调整 fade 和 morph-spinner 的大小。

Answer 1

天哪，你的 fiddle 里有一些非常糟糕的东西，从这个开始:

function sleep(milliseconds) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
        if ((new Date().getTime() - start) > milliseconds){
            break;
        }
    }
}

拜托，只是......不要。

这是一个更好的版本:http://jsfiddle.net/u6nLj532/

关于你的问题，我想你想这样做:

$("#fade, #morph-spinner")
    .width($("#name-container").outerWidth())
    .css("left", $("#name-container").offset().left);

事实是，您正在尝试重新发明轮子，因为有一个 jQuery 插件可以做到这一点。在此处查看演示:http://malsup.com/jquery/block/#element

这是一个带插件的版本，你只需要给它设置样式:http://jsfiddle.net/u6nLj532/2/