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？

如果是这样，当你创建一个时，你必须tiptip创建它。

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

将jquery Alert转换为tipTip工具提示

1 个答案: