jquery tooltipsterプラグインが動作しない

Question

私はjqueryの初心者です。この質問はjqueryよりもjavascriptに関連しています。どんな助けもありがとうございます。

私はTooltipster Pluginを使用して、データテーブルの<td>要素の上にカーソルを置くたびにツールチップを作成しています。これを行うために、私はデータテーブル内の各行をループし、子ノードを使用して<td>要素を選択し、.tooltipster（）関数を適用しました。ただし、ツールチップは1行目の<td>要素に対してのみ機能します。どのようにすべての行のためにそれを働かせるか考えていますか？

$('#mytable tbody tr').each(function(){ 
    //childNode[7] is the <td> element on which i want the tooltip 
    $(this.childNodes[7]).tooltipster({  
      animation: 'fade', 
      delay: 200, 
      theme: 'tooltipster-punk', 
      trigger: 'hover', 
      interactive: 'true', 
      functionBefore : function drawChart() { 
    // This isnt needed to understand the problem so i have not pasted the code 
} 

}); 
}); 

表データ

<td class="tooltip" data-tooltip-content="#chart_div" style="padding-left:40px" id="storage" > 
     <img src="@Url.Content("~/Content/images/database.png")" /> 
</td> 

Answer 1

これはあなたのための提案です。

要素のツールチップとしてテキストを表示するだけであれば、titleを使用するだけです。

タイトルの使用は簡単です。

例えば、

HTML

<div title="your tooltip here">The content of the document......</div> 

スクリーンショット

これはあなたの問題を解決するための簡単なステップになります。