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 に答える