在jquery中动态创建内容的工具提示

时间:2014-03-16 18:08:00

标签: javascript jquery html tooltip

如何从内容触发工具提示刚刚从jquery动态创建?

我使用append函数将"p"元素附加到内容中,并使用title属性。

每当我需要在新创建的元素上悬停两次时,就会出现tooltip框。否则,首次在元素上悬停将始终显示任何内容。

这是我的tooltip功能。或者也许我可以得到类名并以某种方式进行匹配。请指导我。

$(".tooltip_class").tooltip({
    show: null,
    position: {
        my: "left top",
        at: "left bottom"
    },
    open: function( event, ui ) {
        ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, "fast" );
    }
}); 

2 个答案:

答案 0 :(得分:4)

您无需将内容作为标题属性值。相反,可以在jQuery中添加内容,如下所示:

<强>的Javascript

$( document ).tooltip();
$('#selector').tooltip( "option", "content", "TOOLTIP CONTENT" );

<强> HTML

<span class="help">
 <a id="selector" title="">  
    What's this?
</a>
</span>

请参阅Demo

答案 1 :(得分:0)

$(document).tooltip(); $(&#39; #selector&#39;)。工具提示(&#34;选项&#34;,&#34;内容&#34;,&#34; TOOLTIP内容&#34;);