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

时间:2014-08-12 10:07:12

标签: javascript jquery google-chrome-extension

我正在制作一个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));
    });

0 个答案:

没有答案