2012-10-17 519 views
1

我在javascript改变IMG SRC来自:我在javascript中更改img图片src,但img不刷新,如何刷新它?

http://loclhost:8080/mvc/resources/pics/625bd317-b71c-4d74-aff2-248b86ff900b.jpg 

http://loclhost:8080/mvc/resources/pics/4c1541ab-204c-4eff-b641-8527294e02cd.jpg 

我的代码是:

function selectdef(pic){ 
    var picid=pic.split('.')[0]; 
     $.ajax({  
      type:'post',   
      url:'defaultset/<c:out value="${pbid}"/>/'+picid,  
      data: {picid : pic},  
      cache:false,  

      success:function(data){ 
          //when ajax require success I will change the picture src 
       $(".products li img").src='<c:out value="${path}/"/>'+pic; 

      }, 
      error: function(e){ 
       alert(e.massage()); 
       } 
     }); 

    } 

我的变化SRC行是:

$(".products li img").src='<c:out value="${path}/"/>'+pic; 

但图片直到不改变

但img不刷新,只有我重新加载页面它可以刷新?为什么?我认为与IMG不同的src应该刷新?

如何刷新它?

+3

是的,它会的。如果JavaScript是正确的,我们可以看到吗?和你的HTML? –

+0

我改变照片:$(“。products li img”)。src =''+ pic;真正的地址或脚本是/mvc/resources/pics/77f5f21c-fa3c-4508-aaa3-8eca3a88be3f.jpg我确认我在那里有图片,好像我刷新了图片展示的页面。 UUID由服务器随机生成,因此每次都会改变。 – user504909

回答

1

由于您使用jQuery来改变图像的src属性,您可以通过attr方法做到这一点:

$(".products li img").attr('src', '<c:out value="${path}/"/>' + pic); 

如果你想使用本地src属性,您需要访问DOM元素首先使用src属性之前:

$(".products li img")[0].src = '<c:out value="${path}/"/>' + pic; 

我的建议是使用jQuery的attr方法。

+0

我改变图片为:$(“。products li img”)。src =''+ pic;真正的地址或脚本是/mvc/resources/pics/77f5f21c-fa3c-4508-aaa3-8eca3a88be3f.jpg我确认我在那里有图片,好像我刷新了图片展示的页面。 UUID由服务器随机生成,因此每次都会改变。 – user504909

0

这是我的错:我使用jquery在错误的方式:

$(".products li img").src='<c:out value="${path}/"/>'+pic; 

的corret使用应该是:

$('.productdefault li img').prop("src", '<c:out value="${path}/"/>'+pic); 

的JDOM不能只是简单的使用DOM的工作人员。