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

Answer 1

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

如果是这样，当您创建一个时，您必须在创建时提示它。

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