qTip和动态内容

qTip and dynamic content

本文关键字：动态 qTip      更新时间：2024-02-03

我是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'
        }
    });
});

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

相关文章：