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

错误似乎在于使用了元素＆＃34; id＆＃34;与＆＃34; class＆＃34;。

您的通话$（＆＃39;＃apd001＆＃39;）。tooltipster（...）适用于＆＃34; id＆＃34; apd001。对你来说很遗憾，取得了＆＃34; id＆＃34;只返回一个元素。（这是DOM的一个特性，而不仅仅是JQuery。）

所以将通话更改为$（＆＃39; .apd001＆＃39;）。tooltipster（...），我想你会成功。选择器以＆＃34;。＆＃34;开头。指的是具有类apd001的每个元素，因此应该适用于两种情况。

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

1 个答案: