将功能绑定到Gmail中的旧/新按钮

时间:2014-02-22 13:05:00

标签: javascript jquery google-chrome-extension

我正在尝试将特定功能绑定到Gmail收件箱中的较新/较旧按钮。

这两个按钮的html如下:

<div id=":i0" class="T-I J-J5-Ji amD T-I-awG T-I-ax7 T-I-Js-IF L3" role="button" tabindex="0" data-tooltip="Newer" aria-label="Newer" style="-webkit-user-select: none;"><span class="amF">&nbsp;</span><img class="amI T-I-J3" src="images/cleardot.gif" alt=""></div>


<div id=":hs" class="T-I J-J5-Ji amD T-I-awG T-I-ax7 T-I-Js-Gs L3" role="button" tabindex="0" data-tooltip="Older" aria-label="Older" style="-webkit-user-select: none;"><span class="amF">&nbsp;</span><img class="amJ T-I-J3" src="images/cleardot.gif" alt=""></div>

我尝试了各种方法,如:

$('span.Di div.T-I').one('click', function(){
        console.log('Hey');
});

$('span.Di').find('div.T-I').addClass('.class-name');
$('.class-name').click(function(){
    console.log('hey');
});

现在,当我第一次点击按钮时,这是有效的,但是在后续点击中,它不起作用。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

.one(个函数只执行一次,尝试将其替换为.on(

$('span.Di div.T-I').on('click', function(){

在第二段代码中,将其更改为:

$('span.DI').find('div.T-I').addClass('.class-name');
$('.class-name').click(function(){
    console.log('hey');
});

您在'中有一个拼写错误(在结束括号前丢失$('span.DI))。