Đặt thuộc tính src hình ảnh không hoạt động trong Chrome

Question

Tôi đã thử điều này mà không thành công.

Tôi muốn nhận được src của một hình ảnh và thiết lập nó như là của người khác src khi #btn được nhấn:

jQuery("#btn").live("click", function() { 
    jQuery("#another_div") 
     .children("img") 
     .attr("src", jQuery(this).prev("img").attr("src")); 
    jQuery(this) 
     .prev("img") 
     .attr("src",""); 
}) 

Tôi cũng đã cố gắng:

jQuery(this).prev('img').removeAttr("src"); 

Nó hoạt động tốt trong Firefox, IE7 -9 và Safari.

Chỉ trong Chrome, hình ảnh sẽ không bị xóa ngay cả khi nguồn thay đổi (src="").

Answer 1

Bạn có thể thay đổi nó để

jQuery(this).attr("src", "data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="); 

có lẽ?

Answer 2

cố gắng thiết lập src đầu tiên để trống

$(this).attr("src",""); 

sau đó

$(this).removeAttr("src"); 

Answer 3

thử loại bỏ hình ảnh và thêm nó một lần nữa

jQuery('#another_div').children("img").remove() 
jQuery('#another_div').append('<img>').attr("src",jQuery(this).prev('img').attr("src")); 

Answer 4

jQuery('#btn').live("click", function() { 
    jQuery('#another_div') 
     .children("img") 
     .attr("src", jQuery(this).prev('img').attr("src")); 
    jQuery(this) 
     .prev('img').remove(); 
}) 

Answer 5

Vì trong trường hợp của tôi bằng cách làm này

$(this).attr("src",""); 

xóa thuộc tính src, nhưng, hình ảnh không biến mất. Do đó, tôi chỉ đặt, hiển thị thuộc tính kiểu thẻ img thành không, như thế này

$(this).attr("src","").css("display", "none"); 

Nó sẽ ẩn hình ảnh. Tôi hy vọng, nó sẽ tạm thời làm việc cho bạn.

Answer 6

này đã làm việc cho tôi:

var $image = $('.my-image-selector'); 
$image.removeAttr('src').replaceWith($image.clone()); 

Tuy nhiên, hãy cảnh giác với bất kỳ xử lý sự kiện mà bạn có thể đã gắn liền với hình ảnh. Luôn luôn có những withDataAndEvents và deepWithDataAndEvents tùy chọn cho jQuery bản sao, nhưng tôi đã không kiểm tra mã với họ: http://api.jquery.com/clone/#clone-withDataAndEvents

Ngoài ra, nếu bạn muốn làm điều này cho nhiều hình ảnh, có thể bạn sẽ phải sử dụng một cái gì đó như jQuery mỗi.

tôi đã đăng một câu trả lời giống hệt nhau về một câu hỏi tương tự: Clear an IMG with jQuery