附加元素上的 jquery ui 工具提示 - 包括小提琴答案

【问题标题】：jquery ui tooltip on appended element - fiddle included附加元素上的 jquery ui 工具提示 - 包括小提琴
【发布时间】：2013-07-01 20:41:58
【问题描述】：

我无法制作工具提示来处理附加元素。

小提琴在这里：http://jsfiddle.net + jeffz2012/4xwM9/8/（无法使此链接正常工作）

代码在这里：

//css: //--------- .mrg { 边距：15px； } 。手 { 光标：指针； } 。帮助 { 光标：帮助； } .brd { 填充：7px；边框：实心 1px #ccc; } //html: //---------

将鼠标指向此处以获取未附加的工具提示

现在点击这里，添加另一个 div

//jQuery //--------- $('#trig').on('click', function() { $('#rec').append('

这是附加元素，应该在悬停时显示工具提示

'); }); $( '.tip' ).tooltip({ 打开：函数（事件，用户界面）{ ui.tooltip.animate({ 顶部：ui.tooltip.position().top + 10 }， “快速地” ）; }, 位置： { 我的：“中心底部”，在：“中心顶部+10”，碰撞：“翻转” } });

【问题讨论】：

这在本地不起作用吗？在您提供的小提琴中，悬停似乎有效。 imgur.com/vVfGXuG

标签： jquery-ui jquery-ui-tooltip

【解决方案1】：

如果我猜对了，这就是解决方案：

http://jsfiddle.net/4xwM9/9/

您必须为附加的 div 初始化工具提示。

$('#trig').on('click', function() {
    var $addedTooltip = $('<div class="help brd tip">this is appended element and should show tooltip on hover</div>');

    $('#rec').append($addedTooltip);

    $addedTooltip.tooltip();    
});

【讨论】：

【解决方案2】：

转到 jQuery.tipsy.js 文件实时更改：false，在第 175 行改为 true

【讨论】：