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>

各位有什么想法吗？

提前致谢。

附： - 就像我说的，jquery 不是很好，所以请在 ABC 步骤中详细说明:)

Answer 1

错误似乎在于元素“id”与“class”的使用。

您的调用 $('#apd001').tooltipster( ... ) 适用于“id”apd001。 不幸的是，通过“id”获取只返回一个元素。 （这是 DOM 的一个特性，而不仅仅是 JQuery。）

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