json文字列からのデータで作成されたdivがいくつかあります。それらのほとんどは画像です。それらの動的にロードされた画像の上に、マウスオーバーするとdivを表示し、マウスアウトすると非表示にします。したがって、私はライブ機能を使用しました。これはフォーラムで見つけました。マウスオーバー機能は機能しますが、マウスアウトしません。したがって、1つの画像にカーソルを合わせると、divが表示されますが、マウスを離してもdivは表示されます。これに関する提案はありますか?
私のコード
<script type="text/javascript">
$('.product').live("hover", function() {
$(this).find('.product').stop(false,true); // get the image where hovering
$(this).find('div.caption').stop(false,true).fadeIn(100); // and fade in
},
function() {
$(this).find('.product').stop(false,true); // on mouse leave hide it
$(this).find('div.caption').stop(false,true).fadeOut(100); // fade out
});
</script>
更新された回答 以下のヘルプのおかげで、私は解決策を見つけました。
$(".productsGrid .product").live("mouseenter", function() {$(this).find('.product').stop(false,true);
$(this).find('div.caption').stop(false,true).fadeIn(100);})
$(".productsGrid .product").live("mouseleave", function() { $(this).find('.product').stop(false,true);
$(this).find('div.caption').stop(false,true).fadeOut(100);});