php - JavaScriptイベントがスクリプトを処理していません

Question

基本的に、ページに動的に追加されたliタブを削除するために次のJavaScriptを作成しましたが、処理されていません。JavaScriptは次のとおりです。

$(document).ready(function(e) 
{
    $(".close").on("click", this, function() 
    {
        $(this).closest("li").remove();
        var panelId = $(this).closest('li').attr('href');
        // $(this).closest('#content').remove();
        // $('#tab1').remove();
        $('#nav-tabs a:last').tab('show');

            $('#close1').on('click',this, function() 
            {
                $('.tab1').remove();
                $('#nav-tabs a:last').tab('show');
            })

            $('#close2').on('click',this, function() 
            {
                $('.tab2').remove();
                $('#nav-tabs a:last').tab('show');
            }) 

            $('#close3').on('click',this, function() 
            {
                $('.tab3').remove();
                $('#nav-tabs a:last').tab('show');
            })


        })
        if(counter <= 1){
            counter = 1;
        }else  {
            counter--;
        }
        return false;
    })
});

問題は、i/user が .close [クラスを閉じるボタン] をクリックしたときです。最も近い li タグを削除する必要がありますが、この JavaScript は何もしません。さらに、これを追加のjavascript [liタグを追加するjavascript]に貼り付けると、これが機能し始めます!!!