为什么第一次点击时不调用函数？ [jQuery]

Question

为什么在第一次单击元素时不调用 toggleSidebar() 函数，仅在第二次等时调用？

    $( ".image .image-inner .zoomer-holder" ).click(function() {

        var isDragging = false;

        $(".image .image-inner .zoomer-holder")
        .mousedown(function() {
            isDragging = false;
        })
        .mousemove(function(e) {
            isDragging = true;
        })
        .mouseup(function(e) {


            var wasDragging = isDragging;
            isDragging = false;

            if (!wasDragging) {
                console.log("TAP");

                // **** FUNCTION **** //
                toggleSidebar();    

                $(".image .image-inner .zoomer-holder").unbind("mouseup");  

            } else {
                console.log("DRAG");
                $(".image .image-inner .zoomer-holder").unbind("mouseup");  
                $(".image .image-inner .zoomer-holder").unbind("mousedown");
                $(".image .image-inner .zoomer-holder").unbind("mousemove");                            
            }
        });
    });

Answer 1

因为您有嵌套的定义，请尝试将内部 $().mousedown.. 等调用移出 .click() 函数。