q提示和动态内容

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生成工具提示。