Meteor使用tippy.js对两个claaseselements进行了处理。

Question

我需要两个不同内容的工具提示出现在4个元素上，我给了2个相同的类名，html看起来像。

<sup>
<a href="" class="fas fa-info cs-info"></a>
</sup>

和

<sup>
<a href="" class="fas fa-info price-info"></a>
</sup>

(以上内容在html代码中出现了两次)javascript

Template.stepOne.onRendered(function(){


      tippy('.cs-info', {
        content: "some explanation Info 1",
      });

      tippy('.price-info', {
        content: "some explanation Info 2",
      });
    }

当我只使用一个tippy和一个内容的时候，它就会出现，问题是当使用第二个的时候也会出现...在Meteor Blaze中正确的写法是什么？

Answer 1

解决方法是把javascript代码移到模板事件里面。'mouseenter..cs-info' 而不是 onRendered