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

我无法使工具提示对附加元素起作用

小提琴在这里：+jeffz2012/4xwM9/8/（无法使此链接工作）

代码如下：

//css: //--------- .mrg { margin: 15px; } .hand { cursor: pointer; } .help { cursor: help; } .brd { padding:7px; border: solid 1px #ccc; } //html: //--------- <div class="mrg tip brd help" title="I am a regular tooltip">point mouse here for non appended tooltip</div> <div id="trig" class="mrg hand brd">now click here, to append another div</div> <div id="rec" class="mrg" title="I am appended tooltip, but I do not work"></div> //jquery //--------- $('#trig').on('click', function() { $('#rec').append('<div class="help brd tip">this is appended element and should show tooltip on hover</div>'); }); $( '.tip' ).tooltip({ open: function( event, ui ) { ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, "fast" ); }, position: { my: "center botto", at: "center top+10", collision: "flipfit" } }); //css: //--------- 先生{ 利润率：15px； } .手{ 光标：指针； } .救命{ 光标：帮助； } 布莱德先生{ 填充：7px； 边框：实心1px#ccc； } //html: //--------- 将鼠标指向此处以获取非附加的工具提示 现在单击此处，添加另一个div //jquery //--------- $（'#trig'）。在（'click'，function（）上{ $（'#rec'）.append（'这是追加的元素，应该在悬停时显示工具提示'）； }); $（'.tip'）。工具提示({ 打开：功能（事件、用户界面）{ ui.tooltip.animate({ 顶部：ui.tooltip.position（）.top+10 }“快”）； }, 职位：{ 我的：“波托中心”， 在：“中心顶端+10”， 碰撞：“flipfit” } });

---

如果我没弄错的话，这就是解决方案：

您必须初始化附加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();    
});

$（'#trig'）。在（'click'，function（）上{
var$addedTooltip=$（“这是附加元素，应该在悬停时显示工具提示”）；
$（'#rec'）.append（$addedTooltip）；
$addedTooltip.tooltip（）；
});

如果我没弄错，这就是解决方案：

您必须初始化附加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();    
});

$（'#trig'）。在（'click'，function（）上{
var$addedTooltip=$（“这是附加元素，应该在悬停时显示工具提示”）；
$（'#rec'）.append（$addedTooltip）；
$addedTooltip.tooltip（）；
});

转到jQuery.tipsy.js文件更改直播：假，转到第175行的真转到jQuery.tipsy.js文件更改直播：假，转到第175行的真，这在本地不起作用吗？在您提供的小提琴中，似乎悬停可以工作。这在本地不起作用吗？在您提供的小提琴中，似乎悬停可以工作。