jquery-ui - 为什么 tumblr jquery ui addclass 缓动在预览中工作而不是博客

Question

我有一些 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);
        }
       );

大家怎么看？

Answer 1

据我检查您网页上的代码可以看出，类“postFullHeight”确实是在两秒后添加的。

类 postFullHeight 只是添加高度 100%。浏览器似乎在获取 100% 高度时遇到问题，但如果我将其更改为绝对数字，如 700px。它工作得很好。

UPDATE

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

1. 在 postFullHeight 中尝试设置 height : auto; 以查看它是否有效。理想情况下，我应该根据其内容将高度设置为自然高度。

2. 如果这不起作用，尝试将其中的所有内容包装在一个具有特定 id 的 div 中，然后您可以通过计算的高度来设置 .post 的高度在 div 中使用 .height()内部DIV上的功能。