javascript - qTip 和动态内容

Question

我是 JavaScript 和 qTip 的新手，我无法做某事。我有一张带有图像的表格，我需要一个 qTip，其中包含每个图像的描述。我从数据库加载图像和内容。我怎么写这个？根据我的阅读，我需要将描述添加到隐藏的 div 并从 JavaScript 函数访问 div。唯一的问题是我不知道怎么做。冷，请告诉我如何做到这一点？

Answer 1

假设您的 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'
        }
    });
});

想法是遍历所有持有者，获取底层图像和工具提示内容（在本例中img.attr('title')）并使用此自定义生成工具提示content。