jQuery Girl
  1. jQuery Girl
  3. Comment utiliser if- else pour vérifier le survol de la souris?
Intereting Posts
Fenêtre contextuelle modale, entrée et fermeture en fondu Comment trouver le type d’élément dans JQuery : le sélecteur de survol ne fonctionne pas avec jQuery 1.4 Positionner un élément SVG transformé dans un svg-canvas Comment mettre à jour une zone de sélection en fonction des valeurs d’une autre? jQuery selector: contient – Utiliser des expressions régulières Invoquer une fonction JavaScript à partir du gestionnaire oncomplete de p: remoteCommand – simuler la même chose avec du code JavaScript comment obtenir la valeur d’une fonction de rappel ‘jquery’ n’est pas un nom de script valide. Le nom doit se terminer par ‘.js’ Comment attraper iframe resize event depuis l’intérieur de l’iframe (iframe et la page – même domaine) Obtenir des données du serveur via un appel JQuery et les charger dans DIV sans actualiser la page jQuery submit, comment puis-je savoir quel bouton de soumission a été activé? jQuery serialize / serializeArray à partir d’un élément qui n’est pas une forme Twitter TypeAhead.js ne met pas à jour l’entrée Paramétrer un cookie pour ne montrer qu’une seule fois le popup

Comment utiliser if- else pour vérifier le survol de la souris?

J’essaie actuellement de vérifier le survol de la souris sur l’image. Si la souris pointe sur l’image, il faudra une autre image pour remplacer l’image d’origine

voici mon code:

Code ASPX: 

<img class="xyz" data-alt-src="" src=""/>

Code derrière: 

  protected ssortingng widget1 { get { if (mousehover==true) { return "Pic/pic1.jpg"; } else{ return "Pic/pic2.jpg"; } } }

Jquery: 

 var sourceSwap = function () { var $this = $(this); var newSource = $this.data('alt-src'); $this.data('alt-src', $this.attr('src')); $this.attr('src', newSource); } $('img[data-alt-src]').each(function () { var $this = $(this); new Image().src = $this.data('alt-src'); $this.hover(sourceSwap, sourceSwap); });

Vous n’avez pas bien géré le vol stationnaire. Faire ceci; 

 var sourceSwap = function () { var $this = $(this); var newSource = $this.data('alt-src'); $this.data('alt-src', $this.attr('src')); $this.attr('src', newSource); } $('img[data-alt-src]').hover(sourceSwap);

De plus, placez-le dans un événement “document ready” pour vous assurer que tout le fichier dom est entièrement chargé avant d’attacher l’événement de la sorte 

 $(document).ready(function(){ .....Your codes here });