クリックイベントの中で、最初のクリックで一度コードを実行すると、残りのコードがすべてのクリックで実行されます。

Question

ボタンの最初のクリックでのみコードを実行する方法と、すべてのクリックで残りのコードを実行する方法はありますか？

$button.click(function (e) { 
    // Only run on first click 
    $element.removeClass('mobile').addClass('desktop'); 
    // Run on every click 
    $elementTwo.show() 
}); 

Answer 1

だけブールフラグ変数に

var st = true; 
$button.click(function(e) { 
    // this line only execute once, since after first execution `st` will update to false 
    st && $element.removeClass('mobile').addClass('desktop') && st = false; 
    $elementTwo.show() 
}); 

Answer 2

使用jQueryのone()方法：

$button.one('click', function() { //this will run only on the first click 
    $element.removeClass('mobile').addClass('desktop'); 
}); 

$button.click(function() { //this will run for every click 
    $elementTwo.show(); 
});