jquery - 如何获取创建段落的外宽

Question

我很难正确定位动态生成的段落。问题似乎是，$(this).outerWidth 指的是 span.simpleTooltip 而不是段落本身。

$(document).on('mouseenter', "span.simpleTooltip", function(event) {

$('<p></p>')
    .addClass( "tooltip" )
    .text("foo bar bla")
    .offset({left: $(this).outerWidth()} )
    .appendTo('body')                   
    .fadeIn('slow');        
})

Answer 1

试试这个:

    var $paragraph = $('<p>').hide().appendTo('body)';
    $paragraph.addClass( "tooltip" ).text("foo bar bla");
    $paragraph.offset({left: $paragraph.outerWidth()} );  
    $paragraph.fadeIn('slow');