Установка атрибута изображения src не работает в Chrome

Я хочу получить src одного изображения и установить его как другой src когда нажата #btn:

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

Я также попробовал:

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

Он отлично работает в Firefox, IE7-9 и Safari.

Только в Chrome изображение не удаляется даже при изменении источника (src="").

Ответ 1

Вы можете изменить его на

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

может быть?

Ответ 2

Так как в моем случае, делая это

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

очистка атрибута src, но изображение не исчезает. Поэтому я просто установил отображение атрибута стиля тега img равным none, например

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

Он скроет изображение. Надеюсь, это временно сработает для вас.

Ответ 3

попробуйте удалить изображение и добавить его снова

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

Ответ 4

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

Ответ 5

Следующее хорошо работает с Chrome и, похоже, не выводит никаких сообщений на консоль:

image.src = "about:blank"; // Clear source path

Ответ 6

попробуйте сначала установить src на

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

затем

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

Ответ 7

Это сработало для меня:

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

Однако будьте осторожны с любыми обработчиками событий, которые вы могли бы привязать к изображению. Всегда существуют опции withDataAndEvents и deepWithDataAndEvents для jQuery clone, но я не тестировал код с ними: http://api.jquery.com/clone/#clone-withDataAndEvents

Кроме того, если вы хотите сделать это для нескольких изображений, вам, вероятно, придется использовать что-то вроде jQuery каждый.

Я отправил идентичный ответ по аналогичному вопросу: Очистить IMG с помощью jQuery

Ответ 8

Это работает так же:

$('img').attr('src', 'javascript:void(0)');