3

単純なjqueryのマウスオーバー関数に問題があります。

動的に生成されたアイコンがいくつかあり、ホバーすると非表示のdivが表示され、mouesoutを実行するとdivが非表示になります。

 <div class='lister1'>
   <img src='"+path+stat1+"' />
   <img src='"+path+stat2+"' />
   <img src='"+path+stat3+"' />
   <img src='"+path+stat4+"' />
   <img src='"+path+stat5+"' />
   <img src='"+path+stat6+"' />
 </div>

JQuery：

$('.hover_pop').hide();

$(document).on('hover','.lister1 img', function(){
$('.hover_pop').show(), function(){
    $('.hover_pop').hide();
}
});

これによりdivが表示されますが、残念ながら非表示にはなりません。

4

2 に答える 2

4

hoverメソッドでイベントを使用するjQuery1.8onは非推奨になり、次のようにコーディングできます。

$(document).on({
   mouseenter: function() {
       $('.hover_pop').show()
   },
   mouseleave: function() {
       $('.hover_pop').hide()
   } 
}, '.lister1 img');
于 2012-09-09T11:02:34.253 に答える
1

これを試して

$(document).on('hover','.lister1 img', function(){
$('.hover_pop').show()}, function(){
    $('.hover_pop').hide();
});

以前に最後に最初の関数の中括弧を閉じました

編集済み

$(document).on({
   mouseover: function() {
       $('.hover_pop').show()
   },
   mouseout: function() {
       $('.hover_pop').hide()
   } 
}, '.lister1 img');​

デモはこちら

于 2012-09-09T10:48:44.743 に答える