jquery - divのjQueryホバーは画像を除外します

Question

次のようにdivにホバーアニメーションを配置しました：

$('#divID').hover(function(){
$('#divID').animate({'margin-top': '-200px'}, 200);
});

これはすべて正常に機能しますが、その div 内に画像を配置し、div の空き領域の代わりにその画像にカーソルを合わせると、画像が別のオブジェクトであるため、関数はトリガーされません。

divの内容に関係なく、関数をトリガーしたい。

前もって感謝します。

Answer 1

編集

釘付け：実際にdivを離れるので、動作は正しいです。イベントを子供に適用しないでください。

$('#google').not($('#google').children()).mouseleave(function(e){
    e.stopPropagation();
    $('#google').stop().animate({'margin-top': '0px'}, 200);
});

---

基本的にこれは起こらないはずです。の代わりに直接mouseenterイベントを使用することもできますがhover、hover はとにかく mouseenter を使用します。私には別の問題があるようです。

次のようなことを試してください：

$('#divID').mouseenter(function(){
    $('#divID').stop().animate({'margin-top': '-200px'}, 200);
});