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

我将容器var定义从id更改为类：

var container = $(".sortTable");

我将代码添加到我们的wordpress网站，方法是将</body>放在我的子主题的footer.php中jQuery().ready(function()块内。

我收到一个错误，导致我认为jQuery没有正确初始化，但我对这种语言太新了，无法有效地排除故障。我对此表示感谢。

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

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

Answer 1

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

在工具提示中显示表格单元格内容（jsfiddle赢得了在真实网站上的工作）

1 个答案: