如何通過 jquery-ui resizable 手動開始調整大小？

Question

我正在嘗試做這樣的事情：

$('#wrapper').mousemove(function(){
    $newContainer.trigger('resize');
})

它不起作用，也不應該起作用。 有什么方法可以開始調整大小，而不是點擊 .ui-resizable-handle 元素？

Answer 1

實際上，您可以在 mousemove 上調整元素的大小。 但是為此，您可以創建一個 css 類，在觸發該事件后，您只需將該類添加到該元素即可。 或者您可以使用邊距、填充、高度、寬度來調整大小。

    $('#wrapper').mousemove(function(){
        $newContainer.addClass('css_class_name');
    });

    or 

    $('#wrapper').mousemove(function(){
        $newContainer.height('200');//according to your need
        $newContainer.width('200');
    });