Tooltipster 不能在单个页面上为元素工作两次

Question

这是我第一次来这里。希望你们能够提供帮助。请注意，我不是很擅长编程。

所以我正在使用 http://iamceege.github.io/tooltipster/

我已将其与图像一起使用，将鼠标悬停在该图像上会弹出一个简单的工具提示，其中包含一个数字。现在，这张图片在一个页面上重复了两次：一次在页面顶部的轮播中，另一次在页面顶部下方的另一个轮播中。然而，虽然它对第一个有效，但对第二个无效！我只是不明白为什么。

我的代码很简单：

jQuery(document).ready(function($){
$('#apd001').tooltipster({
                theme: ['tooltipster-noir', 'tooltipster-noir-customized'],
                animation: 'grow',
                delay: 10,
                distance: 1,
                maxWidth: 115
                })
        .tooltipster('content')
});

这是我的代码：

<div class="rate-con">
    <div class="rate-excerpt">Writing Here</div>
    <div class="rating3"></div>
    <div class="apd101" id="apd101" title="Whatever Title"></div>
</div>

大家有什么想法吗？

提前致谢。

P.s。 - 就像我说的，jquery 不太好所以请详细说明 ABC 步骤 :)

Answer 1

错误似乎出在元素 "id" 与 "class" 的使用上。

您的呼叫 $('#apd001').tooltipster( ... ) 适用于 "id" apd001。不幸的是，通过 "id" 只能获取 returns 一个元素。（这是 DOM 的一个功能，而不仅仅是 JQuery。）

所以将调用更改为 $('.apd001').tooltipster( ... )，我想你会成功的。以“.”开头的选择器指的是具有 class apd001 的每个元素，因此应该适用于您的两次出现。

Tooltipster 不能在单个页面上为元素工作两次

Tooltipster not working for element twice on single page

wordpress

tooltipster