如何获取创建段落的outerWidth

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');        

Answer 2

试试这个：

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