jQuery本地內容未在所有提示中顯示

Question

我正在使用jquery v1.6.2的網站上工作。 我想使用給定類的所有錨點使用本地內容來顯示提示。 但是，提示中的localcontent僅針對此類的前兩個錨點顯示。 我已經將問題簡化為以下代碼：（ 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>

是cluetip不是要以這種方式工作，還是我做錯了什么？

Answer 1

嘗試這個

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