javascript - 動的に作成された div が表示されない

Question

ユーザーが div 要素をクリックしたときにツールチップを表示しようとしています。動的に作成された div が使用されているこのフィドルを見つけましたが、クリックしても表示されません。ここで何が間違っていますか？

$(document).ready(function(){

    $('.somefield').click(showBox).mouseleave(hideBox);

    function showBox(e){
        $newDiv = $('<div></div>');
        $newDiv.addClass('tooltip');
        $newDiv.append('adfhadfhadfhadfh')
        $(newDiv).fadeIn().css(({ left:  e.pageX, top: e.pageY }));
    }

    function hideBox(){
        $('.tooltip').fadeOut();
    }
});

Answer 1

$newDivdom のどこかに挿入する必要があります。例えば$('body').append($newDiv)

さらに、 $newDiv は暗黙のグローバルであり、そうであってはなりません。代わりに使用var $newDiv = ...します。