1

为什么$(this).children在以下代码中不起作用?

$('.home-box').hover(function() {
  $(this).children('home-box-caption a').animate({
    bottom: -12,
  }, 200);
}, function(){
  $(this).children('home-box-caption a').animate({
    bottom: -24,
  }, 200);
}); 

在此处输入图像描述

.home-box {
background: url(images/home_box_bg.png) no-repeat 0 0;
cursor: pointer;
float: left;
margin: 25px 13px 25px 0;
position: relative;
width: 230px;
height: 160px;
}

当我悬停时,.home.box什么也没有发生。

4

4 回答 4

7

您忘记了 JQuery 选择器中的点...

应该$(this).children('.home-box-caption a')

代替$(this).children('home-box-caption a')

于 2013-05-15T07:55:52.260 回答
5

在您用于该children()函数的选择器中,您忘记添加点字符 ( .) 来指示home-box-caption.

选择器应该是

$(this).children('.home-box-caption a').animate(...);
//----------------^
于 2013-05-15T07:55:49.800 回答
4

你忘了这是一堂课。所以说'.'

.home-box-caption a
于 2013-05-15T07:57:13.180 回答
2

您错过了选择器.中的类符号.children()

$(this).children('.home-box-caption a')
//----------------^-----------------------try adding this.
于 2013-05-15T07:56:55.053 回答