Question

我建立了一个人们可以在地图上绘制的jquery项目，他们可以在地图上放置div，然后他们可以四处移动并调整大小。我想要一个侧面的盒子，在调整div的大小时更新div的当前宽度/高度。目前它的工作原理只是在完成大小调整后才更新，但我希望它在调整大小时进行实时更新。

我当前的代码只有在调整大小时才会更新：

$(item).resizable({
            grid: Math.round(gridStand),
            stop : function(event,ui) {
                endW = Math.round($(this).outerWidth()/gridStand);
                endH = Math.round($(this).outerHeight()/gridStand);
                $(this).attr('w', endW).attr('h', endH)
                $('.standW').html('<h5>Breedte</h5><h4>'+($(item).attr('w')/2)+'</h4><span>meter</span>');
                $('.standH').html('<h5>Diepte</h5><h4>'+($(item).attr('h')/2)+'</h4><span>meter</span>')
                }
            })
            .draggable({
                grid: [ Math.round(gridStand), Math.round(gridStand) ],
                 containment: "#map", 
                 scroll: false,
                 stop : function(event,ui) {
                    endX = Math.round($(this).position().left/gridStand);
                    endY = Math.round($(this).position().top/gridStand);
                    $(this).attr('x', endX).attr('y', endY)
                }
            })

有没有人知道如何更改此设置，以便在调整大小时更新，而不仅仅是在完成大小调整后？

Answer 1

每次调整大小的对象的大小发生变化时，都会在调整大小期间触发resize事件。你需要使用它而不是stop，它只在调整大小完成后触发一次。

调整大小时，Jquery可调整大小

1 个答案: