我必须链接多个内容(数据库查询的结果)。我尝试使用多点击功能,但网站速度非常慢,所以我尝试这样做。
PHP编写的HTML元素:
<img id="click" src="images/like.png" alt="" width="80%" data-event="'.$rows[$i][id].'"/>
jQuery 代码:
<script>
$(document).ready(function()
{
$('#click').click(function()
{
var id = $(this).data('event');
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","likes.php?eid="+id+"&ip=IPADDRESS",true);
xmlhttp.send();
}
document.location = "index.php";
});
});
</script>
但它只适用于第一个元素......
最佳答案
$("#click")
仅返回第一个元素。因为 ID 必须是唯一的。
将其更改为 class
即可正常工作
$(".click")
这将返回所有图像的列表
但是你仍然可以使用上面未修改的 HTML,但我不会推荐它
$("img[id^=click]") // don't use this ever , just to know even this will work
关于javascript - jquery更多使用data属性的点击功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23723706/