我有一些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
的高度。