2012-09-21 5 views
-2
intérieur

Je ne peux pas sembler obtenir le chemin img src à l'intérieur d'une balise href en utilisant le code suivant:Impossible d'obtenir img src tag href

$(document).on('click', '.imagemodal', function() { 

    var imgsrc = $('img', this).attr("src"); 

    alert("IMG: " + imgsrc); 

}); 

Mon HTML ressemble à ceci:

<a href="#" class="imagemodal"><img src="/images/psmith/5/image.jpg" /></a> 

Une idée de ce qui me manque?

+3

Avez-vous fermé votre lien d'ancre? – undefined

+1

Fonctionne bien ici, même avec le '' manquant: http://jsfiddle.net/xhhqU/ –

+0

Je l'ai manqué juste quand j'ai copié l'exemple dans – Paul

Répondre

0

Vous ne semblez pas être fermer votre balise d'ancrage ..

<a href="#" class="imagemodal"><img src="/images/psmith/5/image.jpg" /></a> 

Vérifier FIDDLE

Avez-vous une erreur sur la page dans la section de la console du navigateur

+3

Cela fonctionne réellement sans elle. –

+0

étrange ... si j'utilise l'événement on ne fonctionne pas (en utilisant jquery 1.7.1) mais si j'utilise un clic droit, ça marche ... – Paul

1

vérifier cette un, cela fonctionne: http://jsfiddle.net/xhhqU/1/

HTML:

<a href="#" class="imagemodal"><img src="http://www.gstatic.com/webp/gallery3/1.png" /> 

jQuery:

$(document).on('click', '.imagemodal', function() { 
    var imgsrc = $('img', this).attr("src"); 
    alert("IMG: " + imgsrc); 
}); 
0

Quelle version jQuery utilisez-vous? Si c'est avant 1.7 cela ne fonctionne pas. Avec les derniers, c'est le cas.

Voir les informations tirées de la page docs jQuery: « La méthode .on() fixe des gestionnaires d'événements à la méthode ensemble d'éléments dans l'objet jQuery de jQuery 1.7, le .on() actuellement sélectionné offre toutes les fonctionnalités requises. pour attacher des gestionnaires d'événements. "

+0

Cela pourrait être une très bonne réponse si vous avez expliqué pourquoi cela pourrait être ainsi. –

0
<a href="#" class="imagemodal"><img src="/images/psmith/5/image.jpg" /></a> 


$(document).ready(function() { 
$('.imagemodal').on('click', function() {   
     var opt_text = $(this).find("img").attr("src"); 
        alert(opt_text);    
    }) 
});