Question

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

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

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

到目前为止一切顺利。我无法弄清楚如何将触发器中的索引号（data-referencenumberlinks）传递到工具提示函数的content：选项中（您将看到我使用名为thisContent的var （在目前的示例中，目前硬编码为＆＃34; 1＆＃34;）。

我已尝试将此内容设置为：

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

Answer 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 + '"]') });

无论如何，谢谢你们。

Jquery UI工具提示 - 将参数传递到内容

1 个答案: