我有一个单击功能,可以将我的图像更改为另一种颜色。
$(document).on( "click", ".cor", function() {
var element = $(this);
var I = element.attr("data-c");
if(I=="Blue") {
var color = "Blue";
var c = "#47afff";
$("#changejs").attr("src", "/img-img/logo.png");
}
else if(I=="Lightblue"){
var color = "Lightblue";
var c="#349ff7";
$("#changejs").attr("src", "/img-img/logo_blue.png");
}
});
当用户单击跨度颜色时,它将获得跨度颜色数据c并根据其颜色更改图像。 它适用于Chrome,但不适用于iOS Safari。有什么想法吗?
<span class="cor Blue" data-c="Blue"></span>
<span class="cor Lightblue" data-c="Lightblue"></span>
要更改的图像:
<img id=changejs src="/img-img/logo_pink.png">