Javascript 在工具提示中显示表格单元格内容（JSFIDLE在真实站点上不起作用）

我试图将完整的表格单元格内容显示为工具提示。这将让访问者看到隐藏的部分，因为它太长，无法放入单元中

我正在尝试此处描述的解决方案（请查看此处以查看预期行为）：

我将代码添加到我们的wordpress站点，将其放在我孩子主题的footer.php的

前面，在

jQuery（）.ready（function（）

块中

我遇到一个错误，这让我觉得jQuery没有正确初始化，但我对这种语言太陌生，无法有效地进行故障排除。我非常感谢对此的任何建议

我在此页面上有一个示例表：

---

请注意，我的客户之前发布了一个关于这一点的不完整问题，该问题已被删除；此后我对页面进行了许多更改，但我仍然没有他需要的内容。由于错误发生在将JSFIDLE放到真实站点时，我不知道如何以更简单的方式说明问题。

请替换

$在脚本中使用
jQuery
。这将解决您的问题。您可以参考此链接：
查看此问题并回答：成功了！我所要做的就是在ready函数中添加$以使其正常工作。我原以为它会很简单，并且与wordpress相关，但我在谷歌搜索时没有找到答案。谢谢非常感谢！很高兴它帮助了…：-）我不常来这里；我如何“接受”答案？没关系，我知道了。谢谢，就像那样。。。Thanx。。。再见…：-）
var container = $("#container");

$("td").hover(function ()
          {
              container.children(".tooltip").remove(); 

              var element = $(this);
              var offset = element.offset();
              var toolTip = $("<div class='tooltip'></div>");

              toolTip.css(
                  {
                      top : offset.top,
                      left : offset.left
                  });

              toolTip.text(element.text());
              container.append(toolTip);
          });

var container = $(".sortTable");