1

我正在尝试使用 qTip + JQuery 从 DIV 元素的内容创建工具提示。如果我尝试用静态内容定义工具提示，一切似乎都工作正常。当我尝试在 for 循环中使用它们并获取 DIV 元素的内容并尝试将其显示为工具提示时，没有任何显示。我在文档就绪函数中有以下代码。类“工具提示”的显示属性设置为无

$.each($(".tooltip"), function (i, val) {
             var theContent = $(val).html();
             $(val).qtip({
                 content: $(val).html,
                 style: {
                     width: 200,
                     background: '#ebf1ff',
                     color: 'black',
                     textAlign: 'center',
                     border: {
                         width: 1,
                         radius: 4,
                         color: '#AACCEE'
                     },
                     tip: 'bottomLeft',
                     name: 'dark'
                 }
             });
         });

我的 HTML 标签如下所示：

<div class="vBarContainer"><div id="gantt_65_1" class="gantt" style="border-width:medium;border-color:black;background:orange;width:6%;margin-left:0%;">0</div><div class="tooltip">Quantity:15453</div></div>

有人可以指出我做错了什么吗？

谢谢，贾维德

4

1 回答 1

1

我的解决方案：通过使用工具提示 div 元素旁边的 div 的兄弟属性设法使其工作

$('.gantt').each(function () {
         $(this).qtip({
             content: $(this).siblings('div.tooltip').html(),
             style: {
                 width: 200,
                 background: '#ebf1ff',
                 color: 'black',
                 textAlign: 'left',
                 border: {
                     width: 1,
                     radius: 4,
                     color: '#AACCEE'
                 },
                 tip: 'bottomLeft',
                 name: 'dark'
             },
             position: {
                 corner: {
                     target: 'topMiddle',
                     tooltip: 'bottomLeft'
                 }
             }
         });
     });
于 2012-06-05T22:11:32.630 回答