jquery - 简单提示插件不起作用

Question

好吧，我很难过。我一直在尝试使用Simpletip在单击事件上创建工具提示，以便工具提示在移动设备上很有用。

我这辈子都不可能发生任何事情。在http://jsfiddle.net/JrDYN/5/创建了一个不成功尝试的示例。

有谁能够发现为什么这不起作用？

谢谢格雷格

Answer 1

你在这里有几个问题。对于初学者，您在调用中使用对象文字语法，hover但您传入的代码是一个函数体：

$(".trafficlights").hover({
    $(this).css('background', 'green');
}); 

你在simpletip通话中有一个错字（S 大写）。这适用于 jsFiddle 示例：

$(document).ready(function () {
    $(".trafficlights").simpletip({
         content: 'Simple Tip'
    });
    $(".trafficlights").hover(function () {
        $(this).css('background', 'green')
    });        
});

这是您的 jsFiddle 的更新版本。

为了将来参考，我想出的方法是调出 Chrome 的开发人员工具（按 F12）并查看控制台选项卡。Chrome 报告语法错误。这帮助我发现了缺失的function关键字。

一旦我有了它，我仍然收到一个错误，所以我注释掉了对的调用simpletip并且错误消失了。宾果游戏，该部分中的语法错误simpletip，对象不存在。快速浏览文档确认该simpletip调用需要大写。你有它。

Answer 2

我刚刚遇到了同样的问题，看起来 simpletip 将工具提示 html 放在了 img 标签内。因此，浏览器无法识别和处理它，并且您看不到工具提示出现。

我通过将图像包装在内<a href="javascript:;"></a>并将simpletip应用于链接来解决它。