Sujet Précédent Sujet Suivant

Mousehover en jquery...

Fermé
daniel545454 - 20 nov. 2011 à 10:41
KX Messages postés 16755 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 12 février 2025 - 20 nov. 2011 à 14:55
Bonjour,

J'utilise le code ci-dessous:

$('.element').hover(function () {
$(this).children("ul").css("display", "block");
}, function () {
$(this).children("ul").css("display", "none");
});

Ce que je cherche a faire c'est ne pas executer la fonction "display:none" directement quand la souris sors du "hover" mais plutot attentre 2 seconde ...

Désolé si je m'exprime mal mais c'est pas simple a expliquer ... Merci de votre aide

1 réponse

Réponse 1 / 1
KX Messages postés 16755 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 12 février 2025 3 020
20 nov. 2011 à 14:55
Tu peux peut-être essayé avec animate : 

$('.element').hover(
    function (){
          $(this).children("ul").css("display", "block");
    },
    function() 
    {
         $(this).children("ul").animate({
               "display": "none",
         }, 2000, function() {});
    });
0

Discussions similaires

Redirection Jquery onclick
Vitaly58 -
Vitaly58 -

Bonjour,

J'ai besoin d'utiliser jQuery pour faire une redirection lors d'un clic sur un lien.

L'idée est de faire exactement comme on pourrait le faire en javascript :
window.onload=function() { document.getElementById("lien").onclick = function() { document.location.href="https://www.toto.com/"; }; }

Sachant que mon lien a un id="lien", comment faire la même chose en jQuery ?

Je ne connais pas trop jquery donc j'ai d'abord mis ça dans le head :

Ensuite j'ai essayé avec un code de type :
$("#lien").click(function() { window.location="https://www.toto.com/"; });

Mais ç...

4 réponses
jquery: refresh element enfant après ajax
snipchain -
snipchain -

Bonjour à tous! :)

voilà, j'ai un élément span avec une classe "outfavori" que je remplis dés la fin du chargement du dom avec un élément img avec une classe "masterTooltip"... jusque là, tout se passe bien, mon js "masterTooltip.js" qui se trouve à la fin fonctionne sans souci...

Le problème vient quand je clique sur cet élément span avec la classe "outfavori", j'ai mon élément img qui est bien remplacée après ajax par ce qu'il me faut mais la classe "masterTooltip" ne fonctionne plus sur cet élément nouvellement chargé... avez vous une idée comment cet élément qui suit ajax et inséré dans la span pourrait continuer de fonctionner avec la classe "masterTooltip...

2 réponses
Tampermonkey (userscript), JQuery & Vinted, help !
zzzer -
jordane45 -

Bonsoir, Je bloque depuis quelques jours sur un script que j'essaye de faire tourner sur les pages d'articles de Vinted, comme par exemple https://www.vinted.fr/items/3455924924-tee-shirt-nike-xs . J'aimerais pouvoir récupérer la valeur des frais de port, contenu dans le qui a pour attribut : data-testid='item-shipping-banner-price' J'ai pour l'instant ce petit bout de code, qui semble bien trouver le h3 en question mais qui me renvoie undefined lorsque j'essaye d'imprimer son innerHTML, son .html() ou son .text() : $(document).ready(function() { var pathname = window.location.pathname; if ( pathname.startsWith("/items/")) { window.addEventListener('load', function ()...

3 réponses
jQuery & Regex
ameb2908 -
Utilisateur anonyme -

Bonjour, je ne voudrais que des lettres minuscules dans un champ nom, il suffit que je mettes une lettre capitale, çà passe comme même. Merci d'avance & bonne journée. $(document).ready(function() { $('#submit').click(function() { var result = true; if($('#username').val() == '') { $('#username').css('border', '3px solid #8b0000'); $('.username_error').text('Veuillez remplir votre nom !').css('color', '#8b0000'); result = false; } else if(!$('#username').val().match(/[a-z]/)) { $('#username').css('border', '3px solid #8b0000'); $('.username_error').text('Les lettres minuscules so...

3 réponses
jQuery non interprété
barale61 -
Utilisateur anonyme -

Bonjour,

J'ai ajouté du jquery pour ma validation de formulaire dans mon thème enfant wordpress mais il ne fonctionne pas car je ne peux pas ajouter cette ligne dans mon functions.php


Code: [Affichage]
wp_enqueue_script( 'jquery', get_stylesheet_directory_uri() . '/js/jquery-3.3.1.min.js', array(), '1.0.0', true );


(elle n’apparaît pas dans la source) j'imagine que c'est par-ce-que jquery est déjà inclus dans wordpress mais pourtant, mon script ne fonctionne pas et dans la console, j'ai cette erreur:

script.js?ver=1.0.0:2 Uncaught TypeError: $ is not a function
at script.js?ver=1.0.0:2

Comme si jquery ...

4 réponses