Dojo：工具提示延迟

Question

使用此代码附加 Dojo 工具提示元素：

new Tooltip({
    connectId: 'app-container',
    selector: '*',
    position: ['above-centered', 'after'],
    getContent: function(matchedNode){
        return matchedNode.getAttribute('tooltipText');
    }
});

然后使用此代码设置工具提示文本：

<span class="tag" tooltipText="Show tests tagged 'workforce'">Workforce</span>

问题是所有工具提示都有半秒的延迟（这看起来像是 Dojo 的默认值），并使界面看起来很滞后。尝试使用 CSS:

覆盖它

-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;

但这没有用。 Dojo Reference page 也没有任何信息。

有什么方法可以消除这种延迟吗？

Answer 1

该页面确实有信息。 showDelay 默认为 400 毫秒。您可以通过传递自己的值来更改它。

而且，据我所知，您的代码中存在一些问题。您需要在尚未完成的 Tooltip 对象中传递工具提示文本。请参阅下面的 fiddle（link）。

new Tooltip({
    connectId: 'app-container',
    selector: '*',
    showDelay: 0,
    position: ['above-centered', 'after'],
    getContent: function(matchedNode){
        return matchedNode.getAttribute('tooltipText');
    }
});

看到这个fiddle。

Dojo：工具提示延迟

Dojo: tooltip delay

javascript

css

dojo