0

人々が地図上に描画できる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)
                }
            })

サイズ変更が完了したときだけでなく、サイズ変更中に更新されるように、これを変更する方法を知っている人はいますか?

4

1 に答える 1

1

サイズ変更中、サイズ変更されたオブジェクトのresizeサイズが変更されるたびに、イベントがトリガーされます。stopサイズ変更が終了した後に 1 回だけトリガーするではなく、それを使用することをお勧めします。

于 2013-03-08T09:00:40.283 に答える