javascript - 多个 .live() 绑定(bind)到元素

Question

我有一个很好的工具提示脚本。 Scrip 将元素的 title 属性放入 tooltip div 中。工具提示通过 mousemove 跟随鼠标箭头，在 mouseout 后删除 div 并将元素的标题放回原处。它在静态页面上工作得很好，但我在使用ajax时遇到了一些麻烦。

http://jsfiddle.net/b5LRK/3/

我正在尝试将 .live() 应用于此脚本。像这样的事情:

$('[title]').live({
   mouseover: function(e) {
    var tip = $(this).attr('title');
    $(this).removeAttr('title');

    $('body').append('<div id="tooltip">' + tip + '<div class="tipArrow"></div></div>');

    $('#tooltip').css('top', e.pageY + 25);
    $('#tooltip').css('left', e.pageX - 15);

}, mousemove: function(e) {

    $('#tooltip').css('top', e.pageY + 25);
    $('#tooltip').css('left', e.pageX - 15);

}, mouseout: function() {

    $(this).attr('title', $('#tooltip').text());
    $('body').children('div#tooltip').remove();

}});

而且它不起作用!有什么问题吗？

Answer 1

您在 live 函数末尾错过了一个}:

$('[title]').live({
   mouseover: function(e) {
    var tip = $(this).attr('title');
    $(this).removeAttr('title');    
    $('body').append('<div id="tooltip">' + tip + '<div class="tipArrow"></div></div>');

}, mousemove: function(e) {

    $('#tooltip').css('top', e.pageY + 25);
    $('#tooltip').css('left', e.pageX - 15);

}, mouseout: function() {

    $(this).attr('title', $('#tooltip').text());
    $('body').children('div#tooltip').remove();

}}/*<=that "}" was missing...*/);