在语义ui中动态生成工具提示值

Question

我在我的项目中使用sementic ui并且想要动态生成要显示的工具提示的值。它甚至可以通过函数调用来计算。目前我从官方文档中得到了这个：

<div class="ui button" data-tooltip="Add users to your feed" data-position="top center">
  Top Center
</div>

我已搜索dynamic popup semantic ui和dynamic tooltip semantic ui等字词，但未产生相关结果。

以下是预期的功能。

<div class="ui button" data-tooltip="callmyfunction()" data-position="top center">
  Top Center
</div>

Answer 1

您需要为元素分配鼠标悬停事件。这将调用所需的函数

<div class="ui button" data-tooltip="" data-position="top center" onmouseover="callmyfunction(this)">
  Top Center
</div>

该函数将处理要显示的值（未测试）

function callmyfunction( obj ) {
   var tt = obj.getAttribute('data-tooltip');
   obj.innerHTML = tt;
}