2017-09-04 6 views
0

J'utilise un simple événement JS pour montrer l'élément de/cacher navbar et il ne fonctionne pas:mousemove ne fonctionne pas en javascript

$('.menu ul li ul').hide(); 


if($(window).width() > 1000){ 

    $('.menu ul li').bind('mousemove', function(){ 

     $('this').children('ul').fadeIn(); 
    }) 

    $('.menu ul li').bind('mouseleave', function(){ 

     $('this').children('ul').fadeOut(); 
    }) 
} 
+0

Vérifiez si javascript est activé dans votre navigateur –

+0

Check '($ (fenêtre) .width()' –

+2

$ ('ceci') est erroné Vous devez écrire $ (ceci) sans guillemets, assurez-vous que la largeur de la fenêtre est d'au moins 1000 pixels, sinon, ces événements ne se lieront pas ... – Mehdi

Répondre

0
problème

résolu:

erreur de syntaxe en écrivant $('this') au lieu de $(this) comme Mehdi a dit dans son commentaire.

code mis à jour:

$('.menu ul li ul').hide(); 

if($(window).width() > 1000){ 

$('.menu ul li').bind('mousemove', function(){ 

    $(this).children('ul').fadeIn(); 
}) 

$('.menu ul li').bind('mouseleave', function(){ 

    $(this).children('ul').fadeOut(); 
}) 
}