2012-07-23 176 views
1

有很多關於SO的答案,展示瞭如何在jQuery中用.attr設置img src。由於某種原因,這是行不通的。用jQuery更改img src

<img id="imgMap" style="position:absolute;bottom:7px;right:7px;width:250px;height:250px;" /> 

<script> 
$(function() { 
    $("#imgMap").attr('src', 'http://maps.googleapis.com/maps/api/staticmap?center=41.886456,-87.62325&zoom=14&size=250x250&sensor=false&markers=color:blue%7Clabel:S%7C41.886456,-87.62325'); 
}); 
</script> 

但完全相同的網址在HTML把直列工作正常

<img id="imgMap2" runat="server" src="http://maps.googleapis.com/maps/api/staticmap?center=41.886456,-87.62325&zoom=14&size=250x250&sensor=false&markers=color:blue%7Clabel:S%7C41.886456,-87.62325" style="position:absolute;bottom:7px;right:7px;width:250px;height:250px;" /> 
+0

設置div元素的'src'不會做任何事情。你應該使用iframe。 – FatalError 2012-07-23 16:20:23

+2

你的代碼在這裏工作正常http://jsfiddle.net/r3vvr/2/ – 2012-07-23 16:24:16

+1

適用於我:http://jsfiddle.net/kWP6k/ – 2012-07-23 16:24:32

回答

1

這工作得很好:http://jsfiddle.net/ypDZw/

+0

在url中有一個字母的錯字 - 我會接受這個,因爲這些其他答案是非常糟糕的 – 2012-07-23 16:26:07