javascript - 未捕获的类型错误：对象 [对象对象] 没有“应用”方法

Question

我正在创建的新网站上收到此未捕获的 TypeError，但我无法找出导致错误的原因。

我在下面的链接中重新创建了问题，如果您查看浏览器的 JS 控制台，您会看到错误发生，但没有其他任何反应。

http://jsfiddle.net/EbR6D/2/

代码：

$('.newsitem').hover(
$(this).children('.text').animate({ height: '34px' }), 
$(this).children('.text').animate({ height: '0px'  }));​

Answer 1

请务必将它们包装在异步回调中：

$('.newsitem').hover(
    function() {
        $(this).children('.title').animate({height:'34px'});
    }, function() {
        $(this).children('.title').animate({height:'0px'});
    }
);
​

Answer 2

你需要：

.hover(function(){ ... });

根据文档。

Answer 3

你错过了function...

$('.newsitem').hover(
    $(this).children('.text').animate({height:'34px'}),
    $(this).children('.text').animate({height:'0px'})
);

到：

$('.newsitem').hover(function() {
    $(this).children('.text').animate({
        height: '34px'
    });
}, function() {
    $(this).children('.text').animate({
        height: '0px'
    });
});​
​

而<code>$(this).children('.text')，没有选择任何东西。

Answer 4

使用幻灯片动画来处理 .text 类的高度。

$('.newsitem').hover(function() {
    $(this).children('.text').slideToggle();
});​
​