如何在ie8中使用jQuery拖动图像以使其在屏幕上平滑移动

Question

I am working on a project where we can move an image like in google map,, it works perfectly in crome,ff and above ie9, but when i checked in ie8 the image is not moving smoothly,it takes a 2 to 3 sec of time to move.

/* 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

Use the following Link for your better understanding in Draggable event so than you can use it to Drag your Image wherever you want. http://jqueryui.com/draggable/

and for Drap & Drop of one element onto other element :: http://jqueryui.com/draggable/#snap-to