许多活动的可点击元素的工具提示器加速

Question

我使用 Tooltipster 库为单个页面中的大量单词（大约 8000 个）提供工具提示。我通过将 Tooltipster 分配给 class 来实现： $('.w').tooltipster({ ...

因此，每当加载足够大的页面时，都会涉及大量处理，因为 class "w" 的每个元素都必须由客户端进行分析以处理该工具提示。我想知道是否有一种方法可以以某种方式修改代码以仅针对正在单击的 class "w" 的特定元素执行此操作，而不是在开始时循环遍历所有元素。

这是他们页面上的一个非常简单的示例，在该示例中观察到速度变慢：

$(document).ready(function() {
    $('.w').tooltipster({
        trigger: 'click',
        functionBefore: function(instance, helper) {
            instance.content('My new content');
        }
    });
});

是否真的有必要在那里调用一个循环（通过工具提示或其他方式）使 class "w" 的每个元素都为某个 function/task 做好准备？

Answer 1

您可以仅在有用时使用委派来创建工具提示。它在少数情况下有其缺点，但在大多数情况下效果很好。您将在文档中找到有关委托 Tooltipster 的解释：http://iamceege.github.io/tooltipster/#delegation

许多活动的可点击元素的工具提示器加速

Tooltipster speed up for many active clickable elements

javascript

performance

tooltipster