Jquery plugins 使用jQuery Hovercard和自定义数据属性创建Hovercard

我需要一些关于使用（）创建更多悬停卡的帮助。我刚刚在上创建了一个代码演示。你对此有什么建议吗

JavaScript:

$('.babe-hover').hovercard({ 
    detailsHTML: $(this).attr('data-control').html(),
    width:278 
}); 

HTML:

地址：纽曼街64号


推特
1337



地址：纽曼街64号


推特
1337

---

​

我想你是在问：为什么这样不行

您正试图调用

.html（）

方法来处理

$（this）.attr（'data-control'）

返回的内容<但是，code>$（this）.attr（'data-control'）只返回一个字符串，您需要获得相应的元素才能使用

.html（）

。以下代码适用于我：

$("#" + $(this).attr('data-control')).html()

---

例如，“选择id等于此元素的数据控制属性的元素，并对其调用.html（）”

我想您会问：为什么这不起作用

您正试图调用

.html（）

方法来处理

$（this）.attr（'data-control'）

返回的内容<但是，code>$（this）.attr（'data-control'）只返回一个字符串，您需要获得相应的元素才能使用

.html（）

。以下代码适用于我：

$("#" + $(this).attr('data-control')).html()

---

例如，“选择id等于此元素的数据控件属性的元素，并对其调用.html（）”

现在，它可以在来自

---

无论如何，感谢@egasimus提供您的建议：）

现在，在来自

无论如何，感谢@egasimus提供您的建议：）

$('.babe-hover').each(function(){    
var $this = $(this),
    myControlId = $this.attr('data-control'),
    htmlForHovercard = $('#'+ myControlId).html();

$this.hovercard({ 
    detailsHTML: htmlForHovercard,
    width:278 
}); 
});