我是 JavaScript 和 qTip 的新手,我无法做某事。我有一个包含图像的表格,我需要一个带有每个图像描述的 qTip。我从数据库加载图像和内容。我怎么写这个?从我读过的内容来看,我需要将描述添加到隐藏的 div 并从 JavaScript 函数访问 div。唯一的问题是我不知道怎么做。寒冷,请告诉我如何做到这一点?
最佳答案
假设您的 HTML 标记大致如下所示:
<td>
<img title="First img">
</td>
<td>
<img title="Second img">
</td>
以下是您可以执行的操作:
$('td').each(function() {
var img = $('img', this);
$(this).qtip({
content: img.attr('title'),
show: 'mouseover',
hide: 'mouseout',
position: {
target: 'topMiddle',
tooltip: 'bottomMiddle'
}
});
});
想法是遍历所有 holder,获取底层图像和工具提示内容(在本例中为 img.attr('title')
)并使用此自定义 内容生成工具提示
。
关于javascript - qTip 和动态内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11610400/