javascript - 用户个人资料显示未正确使用 ajax

Question

当我在鼠标悬停时触发 ajax 时，用户配置文件未显示，但第二次当我将鼠标悬停在它上面时它显示了。我使用工具提示来显示用户个人资料。

请更正我的代码

$(document).ready(function(){
    $(".user_profile").bind("mouseover",function(){
      id = $(this).attr('id')
      user_id=id.split('_')[1];
    $.ajax({
        url: "/admin/inbox/user_profile",
        data: {user_id : user_id},
        success: function(data){
            $("#"+id).qtip({
                content:{
                    text: data,
                    title:{
                        text: "User Profile"
                    }
                },
                style: {name:'blue', tip:true}
            });
        }
    });
}); 

});

Answer 1

因为 $.ajax 是异步的，所以 mouseover 事件在创建 qtip 之前返回。

当页面加载时，您可以运行$.ajax 预先拉回页面中显示的所有用户配置文件的数据，将这些数据存储在一个数组中，然后创建每个qtip来自已填充数组的数据。