JQuery UI工具提示 - 將參數傳入內容

我正嘗試在頁面上使用動態生成的內容作爲一系列工具提示。JQuery UI工具提示 - 將參數傳入內容

工具提示triggers和targets由CMS生成，與triggers放置直列和targets（包含HTML內容我希望顯示爲提示條）是在頁面的腳隱藏DIV中。

我使用一對數據的標籤（data-referencenumberlinks和data-referencenumbertargets）來標識每個觸發和目標的關係，我運行每個類型通過索引來生成用於對唯一的數值的引用。

到目前爲止這麼好。我不知道如何將觸發器中的索引號（data-referencenumberlinks）傳遞到工具提示函數的content：選項中（您會看到我正在使用名爲thisContent（當前硬編碼爲「1」）的var 。例如

我已經嘗試設置thisContent到：這

$(this).attr('data-referencenumberlinks', index);

和各種版本，但沒有成功 - 任何機構可以提醒我應該如何創建一個包含主動提示的data-referencenumberlinks，並允許提示變量顯示相應的data-referencenumbertargets？

謝謝。

JS：

$(document).ready(function(){ 

    $('.tooltipFramework').each(function (i, obj) { 
     index = $('.tooltipFramework').index(this); 
     $(this).attr('data-referencenumbertargets', index); 
    }); 

    $('.tooltipTrigger').each(function (i, obj) { 
     index = $('.tooltipTrigger').index(this); 
     $(this).attr('data-referencenumberlinks', index); 
    });  
    var thisContent = 1; 
    $('.tooltipTrigger').tooltip({   
     content: $('[data-referencenumbertargets="' + thisContent + '"]') 
    }); 
});

來源

2017-09-06 toby

啊 - 典型的花費幾天的時間進行修復，請問專家，在計算器，那麼如何實現自己以後解決它分鐘！

參考，我用這個方法：

$('.tooltipTrigger').each(function (i, obj) { 
    index = $('.tooltipTrigger').index(this); 
    $(this).attr('data-referencenumberlinks', index); 
    console.log('index is ' + index); 
    $(this).tooltip({ content: $('[data-referencenumbertargets="' + index + '"]') }); 
});

在指數階段有效地運行鍼對每個元素的工具提示 -

$(this).tooltip({ content: $('[data-referencenumbertargets="' + index + '"]') });

不管怎樣，謝謝你們。

來源

2017-09-06 10:32:47 toby

JQuery UI工具提示 - 將參數傳入內容

回答

相關問題