Jquery可調整大小顯示大小，同時調整大小

Question

Iam構建一個jQuery項目，人們可以在地圖上繪圖，他們可以將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，它只在調整大小完成後觸發一次。