Question

我有一个包含大量共享一个类的表的页面。我希望能够使用GreaseMonkey为每个人添加一个click功能。该脚本运行但只有第一个表似乎工作。单击它会导致记录消息，其他人什么也不做。

这是我的GreaseMonkey脚本：

$(document).ready(function(){
    $('.data').click( function() {
            console.log( "clicked" );
            return false;
    });
});

示例HTML：

<div>
    <table class="data" id="125232">
        ...
    </table>
    <table class="data" id="252123">
        ...
    <table>
    <table class="data" id="125234">
        ...
    </table>
</div>

因此，在这种情况下，只有ID为125232的表具有可用的点击功能。

Answer 1

使用委派活动：（jQuery docs）

$('body').on('click', 'table.data', function(e){
    console.log('Clicked!');
});

GreaseMonkey只将自定义点击功能添加到第一个元素

1 个答案: