将 javascript 动态内容加载到其中后获取 div 的高度

Question

我刚刚意识到我在最后一个问题上搞砸了。

我正在使用下面的脚本来获取 DIV#tweet-area 上的动态高度并将该高度插入 CSS。

    var tweetheight = $("#tweet-area").height();
    $("#sidebar-wrapper").css({ bottom: tweetheight});

它很漂亮，但我刚刚意识到它的高度是加载我的 twitter 内容之前 div 的高度。我的 twitter 内容是由一个 jQuery 插件生成的，见下文。

我正在使用这个 jQuery 推特插件 - tweet.seaofclouds.com/jquery.tweet.js

并像这样加载脚本 -

    $("#latest-tweet").tweet({
        count: 1,
        username: ["motocomdigital"],
        loading_text: "searching twitter...",
    });

我正在将推文加载到位于 DIV#tweet-area 内的 DIV#latest-tweet 中。见下文

    <div id="tweet-area" class="clearfix">
        <div id="latest-tweet"></div>   
    </div>

我尝试在 twitter 脚本之后添加我的高度脚本，但仍然得到相同的高度：/

    <script>
        $(document).ready(function() {

                $("#latest-tweet").tweet({
                        count: 1,
                        username: ["motocomdigital"],
                        loading_text: "searching twitter..."
                });

                var tweetheight = $("#tweet-area").height();
                $("#sidebar-wrapper").css({ bottom: tweetheight});

        });
    </script>

任何帮助都会很棒，因为这对我来说是个小专家。非常感谢

Answer 1

尝试以下方式：

    <script>
        $(document).ready(function() {

                $("#latest-tweet").tweet({
                        count: 1,
                        username: ["motocomdigital"],
                        loading_text: "searching twitter..."
                }).bind("loaded", function(){
                        tweetheight = $("#tweet-area").height();
                        $("#sidebar-wrapper").css({ bottom: tweetheight});
                });
        });
    </script>

这在你得到的插件中实现了一个记录不充分的调用者，它是在代码运行后对loaded处理程序的调用。祝你好运！

Answer 2

seaofclouds 插件没有回调，而是有一个loaded 事件，该事件在推文加载完成时触发。

因此，以下内容应该适合您：

$("#latest-tweet").tweet({
    count: 1,
    username: ["motocomdigital"],
    loading_text: "searching twitter..."
})
.bind("loaded", function() {
    var tweetheight = $("#tweet-area").height();
    $("#sidebar-wrapper").css({ bottom: tweetheight});
});                

Answer 3

在线229您阅读的插件

$(widget).trigger("loaded")

这会在您绑定推文的 div 上触发事件 loaded。所以你可以这样做

$("#latest-tweet").tweet({    
    // options
}).bind("loaded", function(){
    // calc height
});