2010-05-10 7 views
0

왜 첫 번째 함수 ($ ("# ContentWel"))가 작동하는지 이해할 수 없습니다.jquery 문제 : 호버

하지만 처음에 두 번째 기능 ("#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'); 
    }); 

}); 

감사합니다, Guilherme

+0

잡는다/시도 추가하려면 기능에 더 많은 가시성을 확보하려면? –

답변

4

.hover() mouseenter와하는 MouseLeave 기능을 필요

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

또는 마우스 만 사용 :

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

첫 번째 옵션이 작동합니다! 고마워. 두 번째는 걱정할 필요가 없습니다. – Mango

0

당신이 HTML 페이지 무엇을 사용하는 것

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); } } 
+0

그의 질문은 디버깅하는 방법이 아닙니다. :) – meo

+0

예, 그렇습니다. 거기에 디버깅 코드가 없으면 그는 디버그 코드로 소리를 질렀습니다;) –

+0

괜찮습니다. 그럼 jquery.lint : P 만 사용하면됩니다. – meo