加载新数据后，chrome扩展程序无效

Question

我开发了一个chrome扩展程序，可以在点击它时通过skype为我生成自定义消息。它在页面加载时工作正常，当我向下滚动并加载更多连接以发送消息扩展时停止工作。

{
   "name": "Page Redder",
   "description": "Make the current page red",
   "version": "2.0",
   "content_scripts": [   
     { 
       "run_at" :"document_end",
       "matches": ["<all_urls>"],
       "js": ["jquery.js","script.js"]
     } 
   ],
   "permissions": [
      "activeTab"
   ],
  "background": {
    "scripts": ["background.js"],
    "persistent": true
  },
  "browser_action": {
    "default_title": "Make this page red"
  },
  "manifest_version": 2
}

jquery文件

    $(document).ready(function(){
        $('.mn-person-card__person-btn-ext').click(function(){

            var name = $(this).attr('aria-label');

            name = name.replace("Send message to ","");
            var dummyContent = "Hello " + name + ", \n\nThanks for staying connected with me on LinkedIn.";

            $('body').append("<textarea id='absdfjalskjdf'></textarea>");
            document.getElementById('absdfjalskjdf').innerHTML = dummyContent;
            var dummy =$('#absdfjalskjdf').select()
            document.execCommand("Copy");

            $('#absdfjalskjdf').remove();
        });
    });


    $(document).on('change', function(){
        $('.mn-person-card__person-btn-ext').click(function(){

            alert("asldfkjaldfj");
            var name = $(this).attr('aria-label');

            name = name.replace("Send message to ","");
            var dummyContent = "Hello " + name + ", \n\nThanks for staying connected with me on LinkedIn.";

            $('body').append("<textarea id='absdfjalskjdf'></textarea>");
            document.getElementById('absdfjalskjdf').innerHTML = dummyContent;
            var dummy =$('#absdfjalskjdf').select()
            document.execCommand("Copy");

            $('#absdfjalskjdf').remove();
        });
    });

当我打开所有连接时，第一个加载的连接成功运行，但是当加载更多连接时，它会停止工作。请帮助我使它成为可能。