jQuery UI: Bounce effekt på mouseover?

Hos mig hopper boksen kun én gang, når man holder musen over den outer div.

Men jeg bruger også Safari på Mac.

Ok, kan se det også fungerer i Chrome. Men i min IE8 og FF3 virker det desværre ikke :(

Du skal nok lige indsætte en DOCTYPE, et HTML-, HEAD- og BODY-tag, før du kan regne med resultatet.

Hvis det stadig ikke virker bagefter, så prøv lige at rette:

<script type="text/javascript">
$(function(){
    $("#outerDiv").hover(function(event){
            $(this).effect("bounce",
            {
                distance: 5,
                times: 2,
                duration: 200               
            },350);
        },null);
});
</script>

til:

<script type="text/javascript">
$(function(){
        alert('test');
    $("#outerDiv").hover(function(event){
            $(this).effect("bounce",
            {
                distance: 5,
                times: 2,
                duration: 200               
            },350);
        },null);
});
</script>

Så ser vi, om den udskriver "test" i en alert-boks flere gange eller kun én, når man holder musen over. Og det vil hjælpe os med at finde fejlen. =)

Det er et udklip fra et side jeg sidder og udvikler på - derfor tog jeg ikke doctype m.m. med over. Men har sat det ind nu.

Jeg har lavet en med en alert her:
http://www.dennismadsen.com/uploads/jquery/alert.html

Jeg havde også selv testet med en alert.

Prøv at erstatte hover med mouseover.

Det ser ikke ud til at gøre nogen forskel i min FF:
http://www.dennismadsen.com/uploads/jquery/mouseover.html

Hmm. Nej, den kan jeg sgu ikke lige greje. Men er heller ikke så godt hjemme i jQuery.

Ingen jQuery-folk der kan hjælpe her? :)

Jeg fandt en løsning, som virker - men om det kan laves smartere ved jeg ikke :)

$(".frontpageBox").hover(function(event){
    if (!$(this).attr("effectRunning")) {
                $(this).attr("effectRunning",true).effect("bounce",
        {
            distance: 5,
            times: 2,
            duration: 200               
        },350);
    }
},function(event){
    $(this).removeAttr("effectRunning")
});

Jeg laver simpelthen en attribut som holder styr på, om en effekt er i gang. Først når der bliver lavet mouseout fjernes denne attribut - og effekten kan starte igen.

Virker som en fin løsning. :)

Husk at oprette et svar, som du accepterer!