我在图像缩略图附近添加了一个可点击的图像按钮,但由于某种原因,该图像无法点击,并且它没有传递任何值来调用它的函数(postLike 函数)。在这里,我得到了 js fiddle 中的示例:
谁能看看它并告诉我为什么我的可点击图像按钮没有触发?
具有可点击按钮的部分代码:
<div id='like"+pageurl+"' style='float: right; padding: 5px 2px 2px;'> <img class='liker' onclick=postLike("+imageurl+","+username+","+albumPicurl+","+userid+","+pageurl+","+time+","+text+") src='"+likeimage+"' border='0'></div>
编辑:一旦用户单击按钮,我想更改按钮图像和它调用的函数,如下所示,但它不起作用!(下面的代码不*强文本*替换图像按钮)
$('like+e+').html(" <img class='lb-liked' onclick='deleteLikeLB("" + a + "","" + b + "","" + c + "","" + d + "","" + e + "","" + f + "","" + g + "")' src='http://www.peppertt.com/wp-2013/wp-content/uploads/2011/06/Facebook-like-not.jpg' title='like' border='0' />");
代码:
function postLike(a, b, c, d, e, f, g) {
alert("Hello World!");
alert("imageURL:" + a + "\nuserName:" + b + "\nalbumPicurl:" + c + "\nuserId:" + d + "\nPageURL:" + e + "\nTime:" + f + "\nText:" + g);
$('like+e+').html(" <img class='lb-liked' onclick='deleteLikeLB("" + a + "","" + b + "","" + c + "","" + d + "","" + e + "","" + f + "","" + g + "")' src='./liked.png' title='like' border='0' />");
}
var imageurl = "http://upload.wikimedia.org/wikipedia/commons/c/cd/Panda_Cub_from_Wolong,_Sichuan,_China.JPG";
var username = "tim";
var albumPicurl = "http://somesite.com/albumpic.jpg";
var userid = "3453454545";
var pageurl = "http://somesite.com/page2.html";
var time = "34534545435";
var text = "lifeiscool";
var fullname = "smith";
var likeimage = "https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTyTZ5jtJ3VxrorGg0ywxXfEstaZWce2he-_6LSgFwsnch6xYUm";
$(".content").append("<div id='grid-cell' style='padding:5px'><a style='text-decoration:none' href='./dl.php?name=brian&imageurl=" + imageurl + "'><img class='photo-grid' src='" + imageurl + "' width=200 height=200 title='" + username + "' /></a><div id='like" + pageurl + "' style='float: right; padding: 5px 2px 2px;'> <img class='liker' onclick=postLike(" + imageurl + "," + username + "," + albumPicurl + "," + userid + "," + pageurl + "," + time + "," + text + ") src='" + likeimage + "' border='0'></div><div class='moreInfo2'><a style='color:#000;text-decoration:none' href='/" + username + "' target='_blank'>" + userid + "(" + fullname + ")</a></div></div>");
<div class="content"></div>