2013-05-01 55 views
1

返回undefined來形容我的情況,這是我有:jQuery的發現IMG在特殊情況下

javascript代碼:

$("#tf_zoom").live("click",function() { 

    console.log($("#dynam").attr("src")); 
} 

在這裏我得到了第一次,但滑塊改變後的值我得到未定義圖像

我也試過:

console.log($(this).find("img").attr("src")); 

但這一個根本不工作。

的html代碼:

<div id="tf_thumbs" class="tf_thumbs"> 
      <span id="tf_zoom" class="tf_zoom"></span> 
      <img id="dynam" src="http://localhost/mala/assets/uploads/files/c9ab2-1.jpg" alt="Thumb1"/> 
     </div> 

的問題,因爲我提到的是,滑塊改變圖像和修改img標籤到一個新的src屬性。

那麼我該怎麼做。

任何幫助將不勝感激。

+0

如何更改圖片?你修改'src'屬性還是替換整個'IMG'標籤?然而,'$(this).find(「img」)'返回一個數組,而'attr'必須在它的單個元素上被調用。 – Jacopofar 2013-05-01 21:59:25

+1

'console.log($(this).find(「img」)。attr(「src」));''inside'$(「#tf_zoom」)。live(「click」,function(){'will never找到圖片標籤爲'「#tf_zoom'是'span'標籤,它不是圖片標籤的父親,而是兄弟姐妹。 – Nope 2013-05-01 22:03:21

+0

@Jackopo - 它只是改變了img標籤的src – 2013-05-01 22:05:34

回答

2

As @FrançoisWahl在他的評論中提到我使用#tf_zoom作爲我的圖片標記的父項,這是我出錯的地方。所以,我編輯我的代碼,使用.tf_thumbs作爲我的圖像標記的父母,現在它正在工作。

​​
+0

ahhh ... Mahmoud alramadan +1 – 2013-05-15 11:33:41

+0

@N̨ul̕L͑P̯͍̭ȏͣ͛ierer - thnx – 2013-05-16 01:42:26