点击Chrome内容脚本中动态添加元素的事件

Question

我正在制作一个Chrome扩展程序，用于简化我们执行的一些与电子商务相关的任务。内容脚本加载到每个页面中，jQuery作为manifest.json文件中提到的依赖项。主要目标是挑选在加载页面上单击的元素。

虽然上述逻辑适用于大多数情况，但有几个网站（下面提到的一个网站似乎没有为一些动态加载的元素注册click事件。例如，我点击颜色样本和触发内容脚本事件，但是单击已修改的大小样本不会产生任何效果。

http://www.solesociety.com/opal-crystal-blue.html

示例内容脚本代码

$(window).load(function(){

    console.log('Content Script Loaded!');

    $('body').on('click', function(e){
        console.log($(e.target));
    });

});

我已经经历了几个stackoverflow问题，建议添加选择器作为on函数的第二个参数将考虑动态元素，但我不能选择，因为我的代码依赖于要点击的正文的任何​​元素

此外，我还检查了是否提及元素作为第二个参数给出了任何结果，但结果是相同的。

    $('body').on('click', '.sizes li a', function(e){
        console.log($(e.target));
    });