jquery problem: hover

Question

i can't understand why just the first function ($("#ContentWel")) works.

But if I put the second function ("#ContentCan") in the first place it only works:

$(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');
    });

});

Thanks, Guilherme

What's the html page you are using ?

Mihai Toader
– Mihai Toader

2010-05-10 17:07:12 +00:00
Commented May 10, 2010 at 17:07 — Mihai Toader
– Mihai Toader, Commented May 10, 2010 at 17:07

meo · Accepted Answer · 2010-05-10 17:12:51Z

4

.hover() need a mouseenter and mouseleave function

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

or you just use mouseenter:

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

answered May 10, 2010 at 17:12

meo

31.3k20 gold badges90 silver badges125 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mango Over a year ago

The first option works! Thanks a lot. The second don't worrk.

curtisk · Accepted Answer · 2010-05-10 17:15:02Z

0

To gain more visibility into your functions add try/catches

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

edited May 10, 2010 at 17:15

curtisk

20.2k4 gold badges62 silver badges75 bronze badges

answered May 10, 2010 at 17:13

mike clagg

8407 silver badges12 bronze badges

2 Comments

meo Over a year ago

his question is not how to debug. :)

mike clagg Over a year ago

Yes it was. Without any debugging code in there, he was screaming for debug code ;)

Collectives™ on Stack Overflow

jquery problem: hover

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related