我的网站上有一个新闻提要,用户可以在上面发布帖子。这些帖子然后可以被其他用户喜欢(例如,像facebook)。
问题
我想显示喜欢使用ajax发布信息的用户。每当将某个元素悬停时。
目前,用户已正确显示,但在每个帖子下方,而不仅仅是包含悬停元素的帖子。
我解决问题的尝试
<!-- HOVER THIS -->
<span class="likers small link"></span>
<!-- DISPLAY LIKERS HERE -->
<small class="displayLikers"></small>
<!-- AJAX -->
<script>
$(function() {
$(".likers").hover(function(){
$.ajax({
url: "get/likers",
type: "GET",
success: function(response) {
$(this).closest('.displayLikers').html(response);
}
});
});
});
</script>
我将非常感谢您提供的任何帮助!
最佳答案
在$.ajax
中,$(this)
并不引用$(".likers")
,只是将$(this)
添加到变量中并在ajax响应函数中使用它。
$(function() {
$(".likers").hover(function(){
var likes = $(this);
$.ajax({
url: "get/likers",
type: "GET",
success: function(response) {
likes.closest('.displayLikers').html(response);
}
});
});
});