2

我在我的项目中设置了以下代码作为用户单击 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 中将此信息移动到此工具提示类型，不确定我缺少什么。谢谢！

4

1 回答 1

0

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

如果是这样，当您创建一个时，您必须在tiptip创建它时使用它。

这是一个小提琴，它显示动态元素不工作，除非你tiptip他们。

于 2013-04-01T19:02:14.827 回答