我有一些jquery javascript,应该在经过一定时间后才能动画化帖子的高度。在Tumblr的浏览器编辑器/预览器(“自定义链接”)中像超级按钮一样工作。但是在真正的博客上却失败了。检查了源,它在那里。这是网址。查看源:http://wmmmd.tumblr.com/

这是添加类动画javascript。

var hoverTimer;
       $(".post").hover(
        function() {
            var self = this;
            hoverTimer = setTimeout(function() {
                $(self).addClass("postFullHeight",2000);
            }, 1000);
        },
        function() {
            clearTimeout(hoverTimer);
        }
       );


你们觉得怎么样?

最佳答案

据我检查网页上的代码所知,两秒钟后确实添加了“ postFullHeight”类。

postFullHeight只是增加高度100%。浏览器似乎在拾取高度100%时遇到问题,但是如果我将其更改为700px之类的绝对数字。它工作正常。


  更新


根据评论中的讨论,您可以尝试两种选择。


postFullHeight中,尝试设置height : auto;以查看其是否有效。理想情况下,我应该根据其内容将高度设置为自然高度。
如果这样不起作用,请尝试使用特定ID将其中的所有内容包装在一个div中,然后可以使用内部DIV上的.height()函数通过计算内部div的高度来设置.post的高度。

07-26 05:46