當鼠標懸停在表格單元格上時彈出窗口javascript javascript

Question

我正在編寫一個JavaScript應用程序，並且我找到了一個不錯的庫qtip2。我的目標是當用戶將鼠標懸停在表格中的每個單元格上時，會顯示不同的信息。我上面提到的那個庫可以在一個小的彈出窗口中顯示信息。但是，我不確定如何在其他設置中使用此功能來將鼠標懸停在其上時顯示每個單元格的特定內容。有人有一個想法，我怎麼能做到這一點？

function showInfo() 
    { 
      $('#demo-mouse').qtip({ 
       content : 'I position myself at the current mouse position', 
       position : { 
        my : 'top left', 
        target : 'mouse', 
        viewport : $(window),  //keep it on-screen at all time if possible 
        adjust : { 
         x : 10, y : 10 
        } 
       }, 
       hide : { 
        fixed : true    // Helps to prevent the tooltip from hiding occassionaly when tracking! 
       }, 
       style : 'ui-tooltip-shadow' 
     }); 
    } 

Answer 1

你可以在你想要顯示的提示要素使用推廣的content性質和用途類：

$('.selector').qtip({ 
    content: { 
     text: function(api) { 
      // Retrieve content from custom attribute of the $('.selector') elements. 
      return $(this).attr('data-tip'); 
     } 
    } 
});