Javascript 基于jQuery的用户悬停卡

只是一个问题，我有困难解决使用谷歌

我有一个我正在开发的web应用程序，其中我将用户名附加到某些类型的记录上。我需要能够做的是使用html5中的数据属性添加一个事件，这样当鼠标悬停在有问题的链接上时，它会打开一个支持AJAX的窗口，显示用户信息，例如可以在该链接中看到的信息

现在，我尝试访问该URL，并从jQuery论坛获取服务器错误，此外，搜索Google会显示大量关于jQuery支持的静态工具提示的页面，但我找不到任何可以打开悬停层的内容，如所附示例图像中的内容

我愿意在vanilla JS中实现这一点，但是由于大部分UI都是由jQuery提供支持的，我希望有一个现有的jQuery插件或jQuery解决方案来满足我的需要

技术

• 用户名将显示在超链接中，属性为data toggle=“sso user”，data user id=“some user id”
• 当出现悬停时，需要基于ajax，因为页面上可能显示任意数量的用户名
• 需要使用jQuery选择器根据数据属性进行选择
• 需要有一个延迟选项或某种方式来延迟窗口的显示，以避免仅通过将光标传递到链接上即可显示悬停层

我知道这是一个非常具体的查询，我只是问，因为我有困难找到任何答案自己使用谷歌。首选现有的现成插件，尽管如果没有可用的插件，我们很乐意使用jQuery作为后端在页面加载上作为独立类运行

提前谢谢。

试试这个。您应该能够执行以下操作：

$(".selector").html("<p>Your HTML</p>");

$(".selector").dialog({
  autoOpen: false
});

$(".trigger").hover(function(){
  $(".selector").dialog("open");
});

有关更多信息，请参阅和文档

$(".trigger").hover(function(){
  $(".selector").load('external-page.html', function(response, status, xhr){
    if (status == "error") {
      $(".selector").text("Sorry, there was an error.");
    }
    $(".selector").dialog("open");
  });      
});