javascript - ドキュメントのクリックが動的要素で機能しない

Question

コンテンツ スクリプト:

var $ = window.$.noConflict(true); // Required for IE

function startFunc() {

    $('a').mouseover(function(e){

        var anchor=this;
        var href=$(anchor).attr('href');

        if(href!='#'){

            $('.klik-me').remove();

            const xPos=e.pageX-20;
            const yPos=e.pageY-20;

            let $klikMe=$('<span class="klik-me">Click Me!!</span>').css({
                'padding':'5px',
                'background':'#000',
                'color':'#FFF',
                'font-size':'12px',
                'position':'static',
                'top':yPos,
                'left':xPos,
                'text-align':'center',
                'z-index':999999
            });

            $(anchor).append($klikMe);
        }

    });


}

$('body').on('click','.klik-me',function(){

    const href_in=$(this).parent().attr('href');

    kango.console.log(href_in);

    kango.dispatchMessage('storeHref', {href:href_in});
});


kango.addMessageListener('hrefSuccess', function(event) {

    kango.console.log(event.data.link);

});

バックグラウンド スクリプト:

kango.addMessageListener('storeHref', function(event) {

event.target.dispatchMessage('hrefSuccess', {link:event.data.href});

});

ページ上のすべてのアンカー タグにポップアップを追加しています (これは正常に動作しています)。Jquery にクリック イベントを追加し (私はこれが大好きです)、kango.dispatchMessageメッセージをバックグラウンド スクリプトに送信するために使用しています。何も機能していないようです。

どんな助けでも大歓迎です。

PS: 以前は crossrider(Awesome) フレームワークを使用していました。