下面一个拖拽代码我看不太懂，有那位高手能在每行代码前帮我解释下的

Question

<script type="text/javascript">
 (function($){
  $.fn.draggable=function(s) {
    if(this.size()>1)
     return this.each(function(i,o){
       $(o).draggable(s)
     });
     var t=this,//这个this是指向哪里
         h=s?t.find(s):t,
         m={},
         to=false,
         d=function(v){
          v.stopPropagation();
          m={
          ex:v.clientX,
          ey:v.clientY,
           x:t.css("position")=="relative"?parseInt(t.css("left")):t.position().left,
           y:t.css("position")=="relative"?parseInt(t.css("top")):t.position().top,
          fw:t.get(0).style.width,
           w:t.width()
          };
          if(t.css("position")=="static")
            to={"left":m.x,"top":m.y};
          $(document).mousemove(b).mouseup(e);
          if(document.body.setCapture)
            document.body.setCapture();
            debug(m);
         },
         b=function(v){
           t.css({"left":v.clientX-m.ex+m.x,"top":v.clientY-m.ey+m.y});
         },
         e=function(v){
           if(document.body.releaseCapture)
             document.body.releaseCapture();
             $(document).unbind("mousemove").unbind("mouseup");
         };
        h.mousedown(d);
        return t;
  };
})(jQuery);
$(document).ready(function(){
  $(".draggable").draggable("dt:eq(0)")
  $("#left").draggable()
  $("#reletive").draggable()
  $("img").draggable()
})
  function debug(m){
    document.title="ex="+m.ex+"ey="+m.ey+"x="+m.x+"y="+m.y+"fw="+m.fw+"w="+m.w;
  }
</script>

Answer 1

这个this是指向哪里 简单的说，这个this就是你想要拖拽的那个东西本身。