Jquery 更改表标记无法正常工作

Jquery changing table th tag is not working properly

本文关键字：常工作 工作 Jquery      更新时间：2023-09-26

我尝试实现可调整大小的表列，如下所示

function mousemove(event) {
            var parent = $element.parent();
            var next = parent.next();
            var th = parent.parent();
            var oldParentWidth = $(parent).width();
            var oldNextWidth = $(next).width();
            var totalWidth = oldParentWidth + oldNextWidth;
            var newParentWidth = event.pageX -$(parent).offset().left;
            if( newParentWidth > totalWidth )
                return;
            if(  newParentWidth >= oldParentWidth ) {
               $(next).css({
                    width: (totalWidth - newParentWidth) + "px"
                });
                $(parent).css({
                     width: totalWidth - $(next).width() + "px"
                 });
            } else {
                $(parent).css({
                    width: newParentWidth + "px"
                });
                $(next).css({
                    width: (totalWidth - $(parent).width()) + "px"
                });
            }
        }

工作演示在这里： http://jsfiddle.net/4kc873ec/3/

当我尝试调整宽度时，它第一次无法正常工作。然后在它正常工作之后。之后它就可以正常工作了。我做错了什么？

提前谢谢。

尝试更改 bind with on 

$('.resizeBar').on('mousedown', function(event) {
               event.preventDefault();
            $element = $(this);
            $(document).on('mousemove', mousemove);
            $(document).on('mouseup', mouseup);
        });
相关文章：