javascript - 私のクリックダブルクリックイベントを機能させる

Question

こんにちは、jquery ajax エンジンのクリック ダブルクリック イベント ハンドラーに取り組んでいます。アイデアは、ボタンをクリックまたはダブルクリックできるということです。私はこれを自分で書きましたが、なぜ機能しないのかわかりません。

これはコードです：

$('body').on('click', '.double-click', function() {
    var that = this;
    var dblclick = $(that).data('clicks');
    if(!dblclick){
        dblclick = 0;
    }
    dblclick = dblclick + 1;
    $(that).data('clicks', dblclick);
    dblclick = $(that).data('clicks');
    console.log('click - ' + dblclick);

    if(dblclick > 1){
        $(this).data('clicks', 0);
        //ajaxloader(this, 1);
        alert('dubbel-klik');
        console.log('dubbelcik event');
    }   

    setTimeout(function() {
        if(dblclick == 1){
            $(that).data('clicks', 0);
            //ajaxloader(this, 0);
            alert('klik');
            console.log('single click event');
        }
    }, 400);
});

少し複雑に見えるかもしれませんが、それは私がいくつかのものを試したからです. 私が抱えている問題は、ダブルクリックをダブルクリックすると、シングルクリックも実行されることです。でリセットすると、どうすればこれが可能になりますか$(this).data('clicks', 0);。次に、カウンターを 0 にし、タイムアウトの if ステートメントを false にする必要があります。

誰かが何が間違っているのか知っています!?

はい、ここで動作するデモを参照してください: click en dubbelclick ボタンをクリックします