Jquery：通過鼠標事件增加列寬

Question

是否可以使用JQuery使用MOUSE事件增加/減少表列的寬度。提前致謝。

Answer 1

試試這個代碼

$(document).ready(function(){ 
$('#drag').on('mousedown', function(e){ 
    var $dragable = $(this).parent(), 
     startWidth = $dragable.width(), 
     pX = e.pageX; 

    $(document).on('mouseup', function(e){ 
     $(document).off('mouseup').off('mousemove'); 
    }); 
    $(document).on('mousemove', function(me){ 
     var mx = (me.pageX - pX); 
     //var my = (me.pageY - pY); 

     $dragable.css({ 
      left: mx/2, 
      width: startWidth - mx, 
      //top: my 
     }); 
    }); 

}); 

}）;

See Demo

希望它可以幫助你