jQuery 1.6.2 mouseup沒有觸發

Question

這段代碼在jQuery-1.3.2.min.js中運行良好，但不能在jQuery-1.6.2.min.js中運行。

$(function(){ 
    $(document).mousedown(mouseUpAfterDrag); 

function mouseUpAfterDrag(e) { 

    /* You can record the starting position with */ 
    var start_x = e.pageX; 
    var start_y = e.pageY; 

    $().mousemove(function(e) { 
     /* And you can get the distance moved by */ 
     var offset_x = e.pageX - start_x; 
     var offset_y = e.pageY - start_y; 
    }); 

    $().one('mouseup', function() { 
     alert("This will show after mousemove and mouse released."); 
     $().unbind(); 
     $(document).mousedown(mouseUpAfterDrag); 
    }); 

    // Using return false prevents browser's default, 
    // often unwanted mousemove actions (drag & drop) 
    return false; 
    } 
}); 

如何使這段代碼在jQuery-1.6.2.min.js上工作？ 任何解決方案？

Answer 1

也許這就是你想要做的？

http://jsfiddle.net/mblase75/qtU4H/

var start_x, start_y, offset_x, offset_y; 

$(document).mousedown(function(e) { 
    start_x = e.pageX; 
    start_y = e.pageY; 
    // console.log("start = " + start_x + "," + start_y); 
}).mousemove(function(e) { 
    if (!isNaN(start_x)) { 
     offset_x = e.pageX - start_x; 
     offset_y = e.pageY - start_y; 
     // console.log("offset = " + offset_x + "," + offset_y); 
    } 
}).one('mouseup', function() { 
    alert("This will show after mousemove and mouse released."); 
});