Jquery UI Tooltip - 将参数传递到内容中答案

【问题标题】：Jquery UI Tooltip - Passing parameters into ContentJquery UI Tooltip - 将参数传递到内容中
【发布时间】：2017-09-06 09:46:33
【问题描述】：

我正在尝试为页面上的一系列工具提示使用动态生成的内容。

工具提示 triggers 和 targets 由 CMS 生成，triggers 内嵌，targets（包含我希望显示为工具提示的 HTML 内容）位于隐藏的 div 中页面底部。

我使用一对数据标签（data-referencenumberlinks 和data-referencenumbertargets）来识别每个触发器和目标关系，并通过索引运行每种类型以生成对这些对的唯一数字引用。

到目前为止一切顺利。我不知道如何将索引号从触发器 (data-referencenumberlinks) 传递到内容：工具提示函数的选项（你会看到我正在使用一个名为 thisContent 的变量（当前硬编码为“1 ") 在示例中。

我已尝试将 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 + '"]')
    });
});

【问题讨论】：

标签： jquery tooltip

【解决方案1】：

啊 - 通常要花几天时间尝试修复，然后在 stackoverflow 上询问专家，然后在几分钟后了解如何自己解决！

作为参考，我使用了这种方法：

 $('.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 + '"]') });

谢谢大家。

【讨论】：