將功能綁定到Gmail中的較舊/較新按鈕

Question

我試圖將一個特定功能綁定到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'); 
}); 

現在，這個工作當我點擊第一次按鈕，但是在隨後的點擊中，它不起作用。

有什麼建議嗎？

Answer 1

.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)。