0

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

小提琴在这里：http: //jsfiddle.net + jeffz2012/4xwM9/8/（不能使这个链接工作）

代码在这里：

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



//html:
//---------
<div class="mrg tip brd help" title="I am a regular tooltip">将鼠标指向此处以获取未附加的工具提示</div>
<div id="trig" class="mrg hand brd">现在点击这里，添加另一个 div</div>
<div id="rec" class="mrg" title="我附加了工具提示，但我不工作"></div>



//jQuery
//---------
$('#trig').on('click', function() {
    $('#rec').append('<div class="help brd tip">这是附加元素，应该在悬停时显示工具提示</div>');
});

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

});
4

2 回答 2

3

如果我说得对，这就是解决方案：

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();    
});
于 2013-07-01T20:51:05.207 回答
0

转到 jQuery.tipsy.js 文件更改 live: false，在第 175 行改为true

于 2013-09-30T12:52:08.127 回答