jQuery -检查是否第一次点击

Question

我有两个函数(A和B)调用在一个单一的div点击。我需要调用函数A只在第一次点击和函数B每当它被点击。我怎么能这么做?

Answer 1

更简单的解决方案:

$('element').one('click',function(){
// Call A
}).click(function(){
// Call B
});

Answer 2

您可以使用.one()作为您的第一个函数，.click()作为您的第二个函数:

function a() {
    console.log('Fire once!');
}
function b() {
    console.log('Always fired!');
}
$('span').one('click', function() {
    a();    
});
$('span').click(function() {
    b();    
});

<<p> 小提琴演示/strong>

Answer 3

您可以在页面加载时添加第一个函数，这样该函数就会在第一次单击时被调用，在函数结束时使用off()来删除第一个函数，然后分配第二个函数。

$(function(){
    $("selector").on("click",FunctionA);
});
function FunctionA(){
    /*Do stuff*/
    $(this).off("click");
    $(this).on("click",FunctionB);
}