js動態添加元素綁定事件問題

//開始是直接普通寫的綁定click事件  其中li a i 中的i是動態添加的 結果是觸發不了。。
$("li a i").click(function () {
        $(this).mybootstraptab("close");
        //var contentid = $(this).parent().attr("href").substr(1);
        //var prevDom = $(this).parent().parent().prev().children("a").eq(0);//先獲取將關閉的tab的前一個元素 用以關閉tab后 顯示
        //$(this).parent().parent().remove();//刪除標簽
        //$(".tab-content [id='" + contentid + "'").remove();//刪除內容
        //prevDom.tab('show');//前一個標簽顯示
    });

//應該這么綁定 才可以 觸發
$("body").on("click", "li a i", function () {
        $(this).mybootstraptab("close");
        //var contentid = $(this).parent().attr("href").substr(1);
        //var prevDom = $(this).parent().parent().prev().children("a").eq(0);//先獲取將關閉的tab的前一個元素 用以關閉tab后 顯示
        //$(this).parent().parent().remove();//刪除標簽
        //$(".tab-content [id='" + contentid + "'").remove();//刪除內容
        //prevDom.tab('show');//前一個標簽顯示
    });