[英]I am trying to change image by clicking buttons using React.js but getting error
[英]to image click I gave a function, on clicking it am getting image id, using this I have to change the image using javascript
我给了一个功能,单击它获取图像ID,使用它我必须使用javascript更改图像。
代码如下
$('img').live('click', function () {
alert(this.id);
});
输出结果如下:like_0,like_1 ......和different_0,unlike_1 .........
但根据输出,我必须更改图像
$("#like_").click(function () {
$("#tipid").val(1);
$("#like_").attr("src", "images/ic_like_select.png");
$("#unlike_").attr("src", "images/ic_unlike_unselect.png");
});
$("#unlike_").click(function () {
$("#tipid").val(0);
$("#like_").attr("src", "images/ic_like_unselect.png");
$("#unlike_").attr("src", "images/ic_unlike_select.png");
});
我的问题是我不知道该如何更改。 有人可以帮我谢谢。
据我了解,您想更改图片,并且必须根据ID进行更改。
我将解释在您的位置尝试的方法:
让我们假设这是我要更改的图片:
<img id='like_0' src='/path/to/image' />
因此,一旦您获得了该图片的ID(像_0),就可以在javascript函数中尝试以下操作:
document.getElementById("like_0").src="../path/new_img.png";
最后一条指令将图像路径更改为新路径
like_img="like_url";
unlike_img="unlike_url";
toggle=function(){
if($(this).attr("id").match(/^like_/)!=null)
{
if($("#tipid").val()==0)
{
$("#tipid").val(1);
$("[id^=like_]").attr('src', unlike_img);
$("[id^=unlike_]").attr('src', like_img);
}
else
{
$("#tipid").val(0);
$("[id^=like_]").attr('src', like_img);
$("[id^=unlike_]").attr('src', unlike_img);
}
}
if($(this).attr("id").match(/^unlike_/)!=null)
{
if($("#tipid").val()==1)
{
$("#tipid").val(0);
$("[id^=unlike_]").attr('src', like_img);
$("[id^=like_]").attr('src', unlike_img);
}
else
{
$("#tipid").val(1);
$("[id^=unlike_]").attr('src', unlike_img);
$("[id^=like_]").attr('src', like_img);
}
}
}
$('img').on('click', toggle);
您的问题似乎不够清楚。 我仍然认为该演示可能会对您有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.