jquery問題：懸停

Question

我不明白爲什麼只是第一個函數（$（「＃ContentWel」））的作品。

但是，如果我在第一時間把第二個功能（ 「#ContentCan」），它僅適用：

$(document).ready(function(){ 

    $("#ContentWel").hover(function(){ 
    $('#counterimage').attr('src', 'img/01.png'); 
    }); 

    $("#ContentCan").hover(function(){ 
    $('#counterimage').attr('src', 'img/02.png'); 
    }); 

    $("#ContentCli").hover(function(){ 
    $('#counterimage').attr('src', 'img/03.png'); 
    }); 

    $("#ContentTesti").hover(function(){ 
    $('#counterimage').attr('src', 'img/04.png'); 
    }); 

    $("#ContentCont").hover(function(){ 
    $('#counterimage').attr('src', 'img/05.png'); 
    }); 

    $("#ContentPri").hover(function(){ 
    $('#counterimage').attr('src', 'img/06.png'); 
    }); 

}); 

感謝，吉列爾梅

Answer 1

.hover()需要的mouseenter和鼠標離開功能

$("#ContentWel").hover(function(){ 
    $('#counterimage').attr('src', 'img/01.png'); 
}, function(){ 
    // something else happens 
}); 

或者您只是使用鼠標中心：

$("#ContentWel").mouseenter(function(){ 
    $('#counterimage').attr('src', 'img/01.png'); 
}); 

Answer 2

爲了獲得更清楚地瞭解自己的功能加試/捕獲

try { 
$("#ContentWel").hover(function(){ 
    $('#counterimage').attr('src', 'img/01.png'); 
    }); 
} catch (e) { if (window.console !== undefined && window.console.log !== undefined) { window.console.log(e.message); } else { alert(e.message); } } 
try { 
    $("#ContentCan").hover(function(){ 
    $('#counterimage').attr('src', 'img/02.png'); 
    }); 
} catch (e) { if (window.console !== undefined && window.console.log !== undefined) { window.console.log(e.message); } else { alert(e.message); } } 
try { 
    $("#ContentCli").hover(function(){ 
    $('#counterimage').attr('src', 'img/03.png'); 
    }); 
} catch (e) { if (window.console !== undefined && window.console.log !== undefined) { window.console.log(e.message); } else { alert(e.message); } } 
try { 
    $("#ContentTesti").hover(function(){ 
    $('#counterimage').attr('src', 'img/04.png'); 
    }); 
} catch (e) { if (window.console !== undefined && window.console.log !== undefined) { window.console.log(e.message); } else { alert(e.message); } } 
try { 
    $("#ContentCont").hover(function(){ 
    $('#counterimage').attr('src', 'img/05.png'); 
    }); 
} catch (e) { if (window.console !== undefined && window.console.log !== undefined) { window.console.log(e.message); } else { alert(e.message); } } 
try { 
    $("#ContentPri").hover(function(){ 
    $('#counterimage').attr('src', 'img/06.png'); 
    }); 
} catch (e) { if (window.console !== undefined && window.console.log !== undefined) { window.console.log(e.message); } else { alert(e.message); } }