Javascript 一次显示两个jQuery UI工具提示

使用，如何一次显示多个工具提示

我最多显示两个工具提示的原因是，我有一个字段的信息性消息，可能还有一个字段的错误消息

当前的HTML如下所示：

<li title="This is an informational ToolTip message">
  <input type="text" class="error" title="This is an error ToolTip message">
</li>

---

当前的问题是，当输入

时，信息性工具提示正确显示，但当鼠标进入字段本身时，信息性工具提示淡出，仅显示错误工具提示。我需要同时显示这两个元素。

您应该将preventDefault（）应用于li元素的任何侦听器。

我强制您的问题工作。但是太难看了。我不建议你这样做。但是给出你的想法

其思想是使用一个工具提示打开/关闭事件以编程方式控制其他工具提示

请参见JSFIDLE示例：

---

如果是我。。。我只想在错误工具提示内容的底部包含第一个工具提示中的文本

var i="this is INFO tooltip text"

Tooltip 1 = i

Tooltip 2 = "Error text" + i

---

很抱歉，我不能给你真正的代码，因为我不使用jquery，只使用javascript，但无论如何都应该足够简单…

这会给可用性带来危险。错误应该是可访问的，并且它们不会出现在工具提示中。你确定要走这条路线吗？如果是这样，我会使用jQuery将第二条消息附加到一个工具提示中。它被称为工具提示，而不是工具提示。如果你还想实现它，为什么不写一个小插件呢？为什么你首先需要两个工具提示？你不能将多个提示/说明放在一个工具提示中吗？我可能同意，同时有两个工具提示并不理想，尽管我认为它在这里起作用（用户可以将鼠标悬停在红色标记的错误字段上，在看到信息消息的同时查看错误的详细信息）。但这不是问题。你能用小提琴提供你当前的代码吗？

   $('li').tooltip({
  track: true,
    open: function( event, ui ) {
      $('input').tooltip('open');
  },
    close: function( event, ui ) {
      $('input').tooltip('close');
  }
});
$('input').tooltip({
  items: '.error',
  position: {my: 'left bottom-15', at: 'left top', collision: 'flipfit'},
  track: true,
  open: function( event, ui ) {
      $('li').tooltip('open');
  },
    close: function( event, ui ) {
      $('li').tooltip('close');
  }

});

var i="this is INFO tooltip text"

Tooltip 1 = i

Tooltip 2 = "Error text" + i