在工具提示中顯示錶格單元格內容（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不能在真實網站上工作）

回答

相關問題