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的updated version。

为了将来参考，我想出来的方法是提取Chrome的开发者工具（点击F12）并查看控制台选项卡。 Chrome报告了语法错误。这有助于我发现丢失的function关键字。

一旦我有了这个，我仍然收到错误，所以我注释了对simpletip的调用，错误就消失了。 Bingo，simpletip部分中的语法错误，一个对象不存在。快速查看文档确认simpletip调用需要大写。你有它。

Answer 2

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

我通过将图像包装在<a href="javascript:;"></a>中并将简单应用到链接来解决这个问题。

Simpletip插件无法正常工作

2 个答案: