jquery mouseover/mouseout

Dans le code suivant, une fois la souris sur est fait la souris ne plus fonctionne pas encore, quel est le travail autour de cettejquery mouseover/mouseout

<!DOCTYPE html> 
    <html> 
    <head> 
    <style> 
    /* div { background:#def3ca; margin:3px; width:80px; 
    display:none; float:left; text-align:center; }*/ 
    </style> 
    <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
    </head> 
    <body> 
    <div id="playControls" style="position:absolute; bottom:0px; left:0px; right:0px;color:blue;"> 
Mouse over me 
    </div> 
    <script> 
    $(document).ready(function() { 
    $("#playControls").mouseover(function() { 
    alert('here'); 
    $("div:eq(0)").show("fast", function() { 
    /* use callee so don't have to name the function */ 
    $(this).next("div").show("fast", arguments.callee); 
    }); 
    }); 
    $("#playControls").mouseout(function() { 
    alert('here'); 
    $("div").hide(2000); 
    }); 
    }); 

    </script> 
    </body> 
    </html>

Source

2010-06-15 Hulk

Cette ligne cache tous les divs sur votre page:

$("div").hide(2000);

Je ne pense pas que ce soit ce que vous voulez. Il va également cacher la div qui gère le mouseover/mouseout.

Je pense que vous vouliez dire:

$(this).next("div").hide(2000);

Cela ne cache la div que vous vouliez.

Source

2010-06-15 10:20:00

Non, je ne veux pas cela, mais je devrais être en mesure de récupérer le div, Comment est-ce à faire – Hulk

Il n'est pas très clair quel est le comportement attendu. Pouvez-vous expliquer ce que vous voulez faire sur mouseover/mouseout? –

sur mouseover le div, le div devrait être visible sinon cacher le div – Hulk

Utilisez la fonction hover. C'est fait spécialement pour ce modèle d'utilisation.

Source

2010-06-15 10:20:27 GvS

$("#playControls").mouseout(function() { 
    alert('here'); 
    $("div").hide(2000); 
});

Dans cette partie de votre code, vous masquez tous les divs lorsque vous passez la souris sur div # playControls. La raison pour laquelle vous ne pouvez pas déclencher l'événement mouseover de votre div est que le div est caché.

Source

2010-06-15 10:24:08

jquery mouseover/mouseout

Répondre

Questions connexes