2012-09-21 125 views
-2

裏我似乎無法使用下面的代碼href標記內得到IMG SRC路徑:無法獲得IMG SRC href標記

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

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

    alert("IMG: " + imgsrc); 

}); 

我的HTML看起來像這樣:

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

任何想法我失蹤?

+3

你已經關閉了你的錨鏈接? – undefined

+1

工作在這裏很好,即使缺少'':http://jsfiddle.net/xhhqU/ –

+0

我已經......只是錯過它,當我在 – Paul

回答

0

你似乎沒有被關閉您的錨標記..

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

檢查FIDDLE

你得到網頁中的任何錯誤在瀏覽器中

+3

它實際上沒有它。 –

+0

奇怪......如果我使用的情況下它不工作(使用jQuery 1.7.1),但如果我用它的工作原理直線上升的點擊事件... – Paul

1

支票本的控制檯部分一,它的工作原理: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

你用什麼jQuery的版本? 如果它在1.7之前它不起作用。隨着後者的它。 .on()方法將事件處理程序附加到jQuery對象中當前選定的一組元素。從jQuery 1.7開始,.on()方法提供了所需的所有功能用於附加事件處理程序。「

+0

這可能,如果你闡述爲什麼是一個很好的答案這可能是如此。 –

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);    
    }) 
});