Question

我做错了什么？

我有这个简单的代码：

<img width="50" height="50" src="http://www.fancyicons.com/free-icons/112/must-have/png/256/remove_256.png">

的Javascript

$("img[src$='remove_256.png']").tooltip({ content : "Example"});

但工具提示不会显示。

此示例有效

<img title="Example 2" width="50" height="50" src="http://www.fancyicons.com/free-icons/112/must-have/png/256/remove_256.png">

的Javascript

$("img[src$='remove_256.png']").tooltip();

http://jsfiddle.net/m2u8p/3/

我不明白为什么......

Answer 1

为你的img标签添加一个title属性，它就可以了。它可以是空的，因为你要在javascript中设置它，但它必须存在。您可以使用其他属性，但title是默认属性。 http://jsfiddle.net/m2u8p/4/

<img class="1" width="50" height="50" title="" src="http://www.fancyicons.com/free-icons/112/must-have/png/256/remove_256.png">

<img class="2" title="Example 2" width="50" height="50" src="http://www.fancyicons.com/free-icons/112/must-have/png/256/remove_256.png">

$(".1").tooltip({ content : "Example"});
$(".2").tooltip();

Jquery UI工具提示未显示

1 个答案: