jquery 本地内容未显示在所有线索提示中

Question

我正在开发一个使用 jquery v1.6.2 的网站。我想为给定类的所有锚显示使用本地内容的线索提示。但是，线索提示中的本地内容仅显示在此类的前两个锚点中。我已将问题简化为以下代码：(jsfiddle here)

$(function() {
    $('a.triggerxxx').cluetip({
        activation: "click",
        cluetipClass: "jtip",
        local: true,
        hideLocal: true,
        sticky: true
    });
});

<a class="triggerxxx" href="#" title="cluetip title" rel="div.cluetip-contentxxx">trigger text 1</a><br>
<a class="triggerxxx" href="#" title="cluetip title" rel="div.cluetip-contentxxx">trigger text 2</a><br>
<a class="triggerxxx" href="#" title="cluetip title" rel="div.cluetip-contentxxx">trigger text 3</a><br>
<a class="triggerxxx" href="#" title="cluetip title" rel="div.cluetip-contentxxx">trigger text 4</a>
<div class="cluetip-contentxxx">this content should show in all cluetips, but it only shows up in the first two</div>

cuetip 不应该以这种方式工作，还是我做错了什么？

Answer 1

试试这个

$(function() {
    $('a.triggerxxx').each(function(index) {
       $(this).cluetip({
        activation: "click",
        cluetipClass: "jtip",
        local: true,
        hideLocal: true,
        sticky: true
        }); 
    });
});