Question

我使用vis.js时间轴来创建时间轴。鼠标悬停在按钮上时，我需要创建工具提示而不是整个项目。我申请头衔。工具提示出现但它适用于整个项目。只有当我们将鼠标悬停在按钮上而不是整个项目时，我才需要使用工具提示。

Answer 1

您可以在vis时间轴配置中使用“模板”功能。在模板功能中，您可以修改项目模板的外观。在那里，您可以添加一个按钮，然后添加事件监听器。

template: function(item) {
  var itemTmp = document.createElement('div');
  itemTmp.innerHTML = item.content + ' ';
  var btn = document.createElement('button');
  btn.innerText = 'Hover Me!';
  btn.addEventListener('mouseover', function() {
    btn.innerText = 'Done!';
  });
  btn.addEventListener('mouseout', function() {
    btn.innerText = 'Hover Me!';
  });
  itemTmp.appendChild(btn);
  return itemTmp;
}

完整示例： http://jsfiddle.net/tagisen/qp3dwrzn/

希望这有帮助

如何在vis.js时间轴中的项目中使用鼠标悬停按钮时，如何创建工具提示

1 个答案: