在工具提示中显示表格单元格内容（jsfiddle不能在真实网站上工作）

我想要将全表单元格内容显示为工具提示。这会让参观者看到隐藏的部分，因为它太长而不适合在单元格中。在工具提示中显示表格单元格内容（jsfiddle不能在真实网站上工作）

我试图在这里描述的解决方案（请看看那里看到预期的行为）： 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添加到真实网站时发生错误，因此我不知道如何以更简单的方式说明问题。

来源

2014-09-29 user3901786

看到这个问题，回答： http://stackoverflow.com/questions/7975093/typeerror-undefined-is-not-a-function-evaluating-document – 3dgoo 2014-09-29 02:07:33

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

来源

2014-09-29 05:36:23

这做到了！我所要做的就是在ready函数中添加$以使其工作。我认为这将是简单的，并与wordpress相关，但我没有拿出答案时，我GOOGLE了。非常感谢你！ – user3901786 2014-09-29 06:59:42

很高兴它帮助... :-) – 2014-09-29 07:00:50

我不经常来这里;我如何“接受”答案？没关系我明白了。谢谢。 – user3901786 2014-09-29 07:02:28

在工具提示中显示表格单元格内容（jsfiddle不能在真实网站上工作）

回答

相关问题