Question

我无法在div中的每个图像上创建和应用工具提示。工具提示的文本应该是img的id。这似乎相当简单，所以必须有一些我缺少或不理解的东西。以下是我正在使用的内容：

$("#myDiv img").tooltip({   
        content:$(this).attr('id'),
        track:true
    });

此外，这些图像将根据用户点击的内容进行替换 - 一旦删除图像（通过在包含div上调用.empty），是否需要删除工具提示，还是会自动从内存中删除？

抱歉新手问题！

Answer 1

您尝试获取所有img元素的ID。使用.each分别解析每个元素。

$("#myDiv img").each(function(){
    $this = $(this);
    $this.tooltip({
        content: $this.attr('id'), // $this[0].id is faster
        track: true
    });
});

无需手动删除工具提示;从DOM中删除元素时，将删除事件绑定。

Answer 2

请改为尝试：

$("#myDiv").tooltip({
   items: "img",
    content: function() {
        var el = $(this);
        return el.attr( "id" ); // $this[0].id is faster
    },
    track: true
});

jsFiddle Demo

参考：

http://jqueryui.com/tooltip/#custom-content

为div中的每个img创建工具提示

2 个答案: