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

如何从内容中触发工具提示刚从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" );
    }
}); 

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

使用Javascript

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

HTML

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

查看演示


$(document).tooltip(); $('#selector')。tooltip(“option”,“content”,“TOOLTIP CONTENT”);

链接地址: http://www.djcxy.com/p/80909.html

上一篇: tooltip on dynamic created content in jquery

下一篇: innerHTML nullifies jQuery