2010-02-18 71 views
0

我爲我創建的網站創建一個燈箱,不,我不想使用一個已經制作好的燈箱,我想讓自己做。jquery:抓住div標題attr,把它放到圖像src

當用戶點擊網站上的某個地方,我有jQuery的搶那是title屬性,然後貼到圖像的src,然後注入該圖像標記爲.overlay_content

一切正常,除了它不會搶的稱號,該變量不工作,我不知道我做錯了什麼,它是將抓住-IMG進入SRC的形象,span.overlay_img

 $(document).ready(function() { 
     $('.overlay_img').click(function(){ 
      var docHeight = $(document).height(); 
      var grabbed_img = $(this).attr('title'); 

      $(".overlay_bg").height(docHeight).fadeIn(300, function(){ 
       $(".overlay_content").html("<img src='grabbed_img'>").fadeIn(300); 
       }); 
      }); 

     }); 

回答

2

你確定它沒有抓住標題嗎?你有沒有試過一個警報來測試它?

alert(grabbed_img)

看起來它可能是這一行的一個問題:

 $(".overlay_content").html("<img src='grabbed_img'>").fadeIn(300); 

應該是:

 $(".overlay_content").html("<img src='" + grabbed_img + "'>").fadeIn(300); 
+0

啊,你們都知道了,很好,我不知道我必須把那些額外的引號放在那裏。 – ExodusNicholas 2010-02-18 23:40:48

1

嘗試不稱號在腳本的第7行:

(".overlay_content").html("<img src='" + grabbed_img + "'>").fadeIn(300); 

在JavaScript中嘗試使用的類型沒有可變插值。您需要使用連接運算符來構建字符串。

1

其不斂標題,因爲你不引導其抓住圖片的標題,你指示它抓住div的標題,而它沒有。

$('.overlay_img img') 
+0

OP _wanted_ div的標題,而不是圖片的標題。標記的答案解釋了這個問題,這是形成新的html的問題。 – 2011-10-06 12:20:10