jquery - 使用 jQuery 调整对象/嵌入的高度？

Question

我的页面上有一个对象/嵌入:

<object type="application/x-shockwave-flash" width="100%" height="{$height}" id="chat_shell"
        data="js/8wayrun/irc/lightIRC.swf?host={$server}{$params}{$extras}{$styles}">
    <param name="movie" value="js/8wayrun/irc/lightIRC.swf" />
    <param name="allowfullscreen" value="true" />
    <param name="wmode" value="transparent" />
    <param name="flashvars" value="host={$server}{$params}{$extras}{$styles}" />
</object>

当我单击按钮时，它会激活一些 jQuery 脚本...

$('#chat_shell').animate({ height: $('#chat_shell').height() + slideHeight }, slideSpeed);

但是，当我单击按钮时，出现以下错误:

Uncaught TypeError: Cannot read property '0' of undefined

为什么会发生这种情况以及如何解决？我知道一个可能的解决方案是将对象/嵌入到 DIV 中，将高度设置为 100%，然后编辑 DIV 的高度；但这是一个不优雅的解决方案，并且经常存在兼容性问题，因为高度不应该设置为 100%。

Answer 1

您是否尝试过检查 $('#chat_shell').height() 本身是否有效？

我在我网站上的 Flash 元素上尝试了您的代码，效果很好，因此我相信问题是由其他地方引起的。

您是否检查过按钮正确触发的事件处理程序？您是否检查过 JQuery 是否正确初始化？您是否尝试过其他浏览器？