查询JQueryTools工具提示的触发器对象变量

Question

我所做的是创建一个基本的JQueryTools工具提示，该工具提示会触发任何带有标题标记的元素。简单。在触发元素的标题标签中，我已经放置了图像文件的名称。代码如下：

$(function() {
  $("[title]").tooltip({
    tipClass: "tooltip",
    layout: '<img src="img/' + this.title + '" height="60" border="0" />'
  });
});

我得到的是网页的标题，而不是鼠标悬停时触发元素传递的title属性中的文本。这会导致图像链接断开。

我的总体目标是使用JQueryTools工具提示插件创建动态工具提示。 我应该解决所有问题的短期目标是正确地查询这些信息。我猜测有两种方法可以做到这一点：

1. 直接查询触发对象的title属性
2. 查询工具提示对象的包含相同信息的内容变量

显然我无法弄清楚如何做任何一个。 :)先谢谢你们。

Answer 1

layout选项只接受一个字符串作为值，因此您需要遍历该集并创建工具提示，如

$(function () {
    $("[title]").each(function () {
        $(this).tooltip({
            tipClass: "tooltip",
            layout: '<img src="img' + this.title + '" height="60" border="0" />'
        });
    })
});

演示：Fiddle