Как получить внешнюю ширину созданного абзаца

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) { 
... 
});