0

在页面的 Jquery Mobile 内容上，我有一个像这样的 img src：

<img id="map" src="https://maps.googleapis.com/maps/api/staticmap?center=Madison, WI&amp;zoom=14&amp;size=288x200&amp;markers=Madison, WI&amp;sensor=false" height="200" width="288" />

我有一个按钮和代码可以在 javascript 中更改上述 IMG 的 SRC

<script type="text/javascript">
        function update()
        {
            cval = '"https://maps.googleapis.com/maps/api/staticmap?center=Brisbane&amp;zoom=14&amp;size=288x200&amp;markers=Brisbane&amp;sensor=false"'
            $('#map').attr('src',cval);

        }
    </script>

页面加载正常并显示地图图像。但是当我从一个按钮调用脚本时，我得到一个错误并且图像不会显示。查看 Chrome Inspect Elements，第一次调用是 GET 并加载图像，但第二次调用也是 GET 但不起作用，错误是“禁止”

我正在尝试制作一个移动页面，以便当用户输入新位置并单击刷新时，我想将 IMG 更新到新位置，但这给了我一个错误。

那么这里有什么问题呢？为什么第一个 GET 工作，但不是第二个，以及如何让它工作？

也只是在浏览器中粘贴 url 也不起作用。

4

1 回答 1

1

我通过制作一个新<img>的而不是仅仅切换src属性来解决它。

http://jsfiddle.net/lollero/VKAW9/1

HTML：

<img id="map" src="https://maps.googleapis.com/maps/api/staticmap?center=Madison, WI&amp;zoom=14&amp;size=288x200&amp;markers=Madison, WI&amp;sensor=false" height="200" width="288" />

jQuery：

$('html').on("click", function() {

    var map = $('#map'),
       cval = 'https://maps.googleapis.com/maps/api/staticmap?center=Brisbane&amp;zoom=14&amp;size=288x200&amp;markers=Brisbane&amp;sensor=false';

    $('<img id="map" height="200" width="288" src="'+ cval +'">').insertAfter( map );
    map.remove();

});
于 2013-01-21T09:32:11.977 回答