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

Question

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

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

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

它工作得很好，但我刚刚意识到它的高度，是加载我的 Twitter 内容之前 div 的高度。我的推特内容是由一个 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 处理程序。祝你好运!