$（this）.attr（'img'）返回null或[object Object]不是值

Question

這是我的問題。我在我的網站上創建自己的圖像彈出窗口。

這是彈出

<script> clicked = $('#gatb-1').click(function() { 
    return this.getAttribute('imid') }); </script> 

*注前的腳本：點擊是全局變量

這是圖片代碼：

<?php foreach ($the_picture as $picture) : ?> 
<a id="gatb-1" imid="http://somesite.com/img/image.jpg" class="glr"> 
<div class="picture"> 
<img src="http://somesite.com/img/image.jpg" width="340px"> 
</div> 
</a> 
<?php endforeach; ?> 

然後彈出代碼下面的圖片代碼被稱爲，這是彈出顯示時的腳本：block

這是彈出DIV：

<div class="popup"> 
<script> 
$(document).ready(function() { 
    $('#thmg').attr('src', clicked); }); 
</script> 
<table> 
<tr> 
<td>left link</td> 
<td><div class="picts"><img id="thmg" src="target here"></div></td> 
<td>Right link</td> 
</table> 
</div> 

我還曾試圖彈出在此之前的代碼，但它是相同的。總是返回[對象的對象]或返回null

$(this).attr('imid') 

的結果是這樣的：

<img src="[object object]"> 

這樣，我怎麼能傳遞屬性？或者我做錯了什麼？

Answer 1

我已經找到了！它不是關於錯誤的代碼或任何東西。其僅僅因爲<script></script>是全球不同的。其因爲我在1個文件的兩個地方有<script></script>。

<script> 
clicked = $('#gatb-1').click(function() { 
    return this.getAttribute('imid') }); 
</script> 

然後訪問另一個變量<script></script>是讓它不工作的那個。

<script> 
$(document).ready(function() { 
     $('#thmg').attr('src', clicked); 
}); 
</script> 

所以，解決的辦法是，把所有的jQuery整合到一個<script></script>中。

<script> 
$(document).ready(function(){ 
    $('#gatb-1').click(function(){ 
    var clicked = $(this).attr('imid'); 
    $('#thmg').attr('src', clicked); 
}); 
}); 
</script> 

Answer 2

作品對我來說...

var img = $("#gatb-1").attr('img'); 
$("#thmg").attr('src', img); 

http://jsfiddle.net/chovy/Srx55/

Answer 3

我想你分配到$('#gatb-1')代替clicked的是IMG屬性。如果你要使用該代碼（我不鼓勵這樣做），$('#thmg').attr('src', clicked.attr('img'))可能會工作

Answer 4

嘗試更換

<script> clicked = $('#gatb-1').click(function() { 
return this.getAttribute('img') }); </script> 

到

<script> $('#gatb-1').click(function() { 
clicked = $(this).attr('img') }); </script>