如何拖動圖像在屏幕上，使用jQuery在ie8上平滑移動它

Question

我正在研究一個項目，我們可以像在谷歌地圖中移動圖像，它完美地運行在crome，ff和ie9以上，但是當我在ie8中檢查圖像運動不平穩，需要2到3秒的時間才能移動。

/* Map dragging */ 
    var previousX; 
    var previousY; 
    var previousLeft; 
    var previousTop; 
    var cids = self.data.cuLocation; 
    var lumids = self.data.lumLocation; 
    $('#MapView img').css('cursor', 'pointer'); 
    $("#MapView img").mousedown(function(e) { 
     //console.log("mousedown"); 

     e.preventDefault(); 
     drag.state = true; 
     previousX = e.originalEvent.clientX; 
     previousY = e.originalEvent.clientY; 
     previousLeft = $("#MapView img").position().left; 
     previousTop = $("#MapView img").position().top; 

    }); 
    $("#MapView img").mousemove(function(e) { 
     var old_pos = self.getPosition(); 
     if (drag.state) { 
      e.preventDefault(); 
      drag.x = e.originalEvent.clientX - previousX; 
      drag.y = e.originalEvent.clientY - previousY; 

      var cur_position = $("#MapView img").position(); 
      var new_left = cur_position.left + drag.x; 
      var new_top = cur_position.top + drag.y; 
      previousX = e.originalEvent.clientX; 
      previousY = e.originalEvent.clientY; 
     } 

    }); 
    $("#MapView img").mouseleave(function(e) { 
     //console.log("mouseleave"); 
     drag.state = false; 
    }); 
    $(document).mouseup(function(e) { 
     // alert("mouseup"); 
     drag.state = false; 
     }); 

Answer 1

使用以下鏈接可以更好地理解Draggable事件，以便您可以使用它拖動圖像，無論您想要的位置如何。 http://jqueryui.com/draggable/

和DRAP &刪除一個元素到其它元素:: http://jqueryui.com/draggable/#snap-to