jquery - jqueryを使用してボディに追加された要素でクリック機能が機能しない

Question

私のページには次のタグがあります

タイムラインであり、次の jquery コードを使用しています

$(".timeline").click(function(){createtip(eventdata);});

function createtip(eventdata){ 

    $('<div class="tip"></div>').appendTo('body').html(html_content);
        positionTooltip(eventdata);        
    };

    function positiontip(eventdata){
        var PosX = eventdata.pageX;
        var PosY = eventdata.pageY;
        $('div.tip').css({'position': 'absolute', 'top': PosY, 'left': PosX});

html_content は次のとおりです。

<input type="button" class="button" name="submit_tooltip_form" value="close"/>

div タグを追加した後、div タグ内にあるボタンをクリックしてこの div タグを閉じようとしています。jquery が初めてなので、どうすればよいかわかりません。

Answer 1

これを試して、

$('input [name="submit_tooltip_form"]').live("click", function(){
    $(".tip").hide();
});

Answer 2

これを試して、

function createtip(eventdata){ 
        $('body').append('<div class="tip">'+html_content+'</div>');
        positionTooltip(eventdata);        
    };