Настройка атрибута src для изображения не работает в Chrome

Question

Я хочу получить 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="").

Answer 1

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

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

, может быть?

Answer 2

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

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

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

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

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

Answer 3

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

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

Answer 4

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

Answer 5

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

Answer 6

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

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

Answer 7

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

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

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

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

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

Answer 8

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

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

, затем

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