jquery - Jquery：使用鼠标事件增加列宽

Question

是否可以使用 JQuery 增加/减少带有鼠标事件的表列的宽度。提前致谢。

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
        });
    });

});

});

看演示

希望对你有帮助'