javascript - 在工具提示中显示表格单元格内容(jsfiddle 在实际站点上不起作用)

Question

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

我正在尝试此处描述的解决方案(请查看此处以查看预期行为): http://jsfiddle.net/zWfac/

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);
          });

我将容器变量定义从一个 id 更改为一个类:

var container = $(".sortTable");

我通过将代码放在 </body> 之前将代码添加到我们的 wordpress 站点在我的子主题的 footer.php 中，在 jQuery().ready(function() 中 block 。

我收到一个错误，导致我认为 jQuery 没有正确初始化，但我对这种语言太陌生，无法有效地进行故障排除。如果对此有任何建议，我将不胜感激。

我在这个页面上有一个示例表: http://frugalmule.com/overflow/

请注意，我的客户之前发布了一个关于此问题的不完整问题，该问题已被删除；从那时起我对页面做了很多更改，但我仍然没有他需要的东西。由于将 JSFiddle 放到真实站点时发生错误，我不知道如何以任何更简单的方式陈述问题。

Answer 1

请将脚本中的 $ 替换为 jQuery。这将解决您的问题。您可以引用此链接:http://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/