javascript - jquery Alert を tipTip ツールチップに変換する

Question

ユーザーがdivをクリックしたときにトリガーされるアラートとして、プロジェクトに次のコードを設定しました。div は横棒グラフの要素で、それぞれが特定の測定値に対応しています。これらの測定値に関する一連の情報を含むアラートがポップアップ表示されます。

      $(document).on('click', '.state-entry', function () {

      var startDate = $('#datepicker').datepicker('getDate');
      var duration = seconds2time(Math.round($(this).data('duration') * 86400));

      startDate.setSeconds(86400 * $(this).data('start'));

      var endDate = $('#datepicker').datepicker('getDate');
      endDate.setSeconds(Math.round(86400 * $(this).data('start') + $(this).data('duration') * 86400));

      alert($(this).data('resource') + ' changed state to ' + $(this).data('state') + ' (' + stateNames[$(this).data('state')] + ')\r\nStart Time: ' + startDate.toLocaleTimeString() + '\r\nEnd Time: ' + endDate.toLocaleTimeString() + '\r\nDuration: ' + duration);

      event.preventDefault();
      event.stopPropagation();
      return false;
  });

このすべての情報をアラートではなくツールチップに移動したいだけです。私はそれを正しくやっているようには見えません。

ツールチップ自体が表示されるようにするために、tipTip のドキュメントごとに次のことを試しましたが、機能しません。

    $(function(){
$(".state-entry").tipTip({maxWidth: "auto", edgeOffset: 10});
});

jQuery のこの情報をこのツールチップ タイプに移動するにはどうすればよいですか。何が欠けているのかわかりません。ありがとう！