将jquery警报转换为tipTip工具提示

Question

我在项目中设置了以下代码，当用户单击div时会触发警报。divs是水平条形图元素，每个元素对应一个特定的测量值。警报弹出，其中包含有关这些测量的一堆信息。

      $(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中将此信息移动到此工具提示类型，不确定我缺少了什么。谢谢!

Answer 1

我假设您是在动态添加state-entry div？

如果是这样的话，当您创建一个时，您必须在创建它时对其执行tiptip。

here is a fiddle that shows dynamic elements not working unless you tiptip them.