鼠標懸停代替錯誤img src

Question

所以，我有一個奇怪的錯誤。如果非常有用的話，jquery用預覽替換方塊中錯誤的img src。

這是js代碼：

$('.mini-info').bind('mouseenter', function() { 
    var xex = $(this).position().left; 
    var yey = $(this).position().top; 
    sim = $('img', this).attr('src'); 
    kuda = $('a', this).attr('href'); 


    $('#bcase div.'+$(this).attr('id')).addClass('active').css({ 
     'top' : yey, 
     'left' : xex 
    }).attr({'onclick': 'location.href="'+kuda+'"'}); 

    var omg = $('#bcase div.'+$(this).attr('id')+' div.b').length; 

    $('#bcase div.'+$(this).attr('id')+' div.b').css({ 
     'width': wid/omg 
    }); 
    }); 



    $('#bcase > div').bind('mouseleave', function() { 
    $(this).removeClass('active'); 
    $('.mini-info#'+$(this).attr('class')+' img').attr({'src': sim}); 
    }); 

這是可能的解決？

正常工作是當您將鼠標移動到預覽的一個方塊上時，腳本將在鼠標下改變圖像。它工作正常。但是上面的bug不好...

Answer 1

在mouseleave事件中，您使用的sim變量在mouseenter事件中定義。
然後在快速鼠標打擊的情況下，其他div的mouseenter將在之前事件的mouseleave之前調用。

你必須改變你的拱門。例如，當您在mouseenter中創建新div時，此時綁定mouseleave事件。
東西艾克說（未測試）：

$('.mini-info').bind('mouseenter', function() { 
    var xex = $(this).position().left; 
    var yey = $(this).position().top; 
    var sim = $('img', this).attr('src'); 
    kuda = $('a', this).attr('href'); 


    $('#bcase div.'+$(this).attr('id')).addClass('active').css({ 
    'top' : yey, 
    'left' : xex 
    }).attr({'onclick': 'location.href="'+kuda+'"'}) 
    .bind('mouseleave', function() { 
    $(this).removeClass('active'); 
    $('.mini-info#'+$(this).attr('class')+' img').attr({'src': sim}); 
    }); 

    var omg = $('#bcase div.'+$(this).attr('id')+' div.b').length; 

    $('#bcase div.'+$(this).attr('id')+' div.b').css({ 
    'width': wid/omg 
    }); 
}); 

看到的jsfiddle：http://jsfiddle.net/bouillard/ptJQy/