jQuery UI Resizable

Question

私はjQuery UIのサイズ変更可能なメソッドを探しています。私はDIV（もう1つは隣にあります）が必要です。私は1つのサイズを変更し、それに応じて他のものを変更できるようにしたい。 1つのDIVが大きくなり、他のDIVが小さくなります...

$(document).ready(function() { 
$("#right").resizable({ 
    alsoResize: '#left', 
}); 

$("#left").resizable({ 
    alsoResize: '#right', 
}); 

}）;

おかげで、 マックス

Answer 1

あなたは、これはしかし、これは正しいと同じサイズに左のサイズを変更する働きはい「をリサイズする」イベント（http://docs.jquery.com/UI/Resizable#event-resize）

$("#right").resizable({ 
     resize: function(event, ui) { 
      // look at the size of the ui element being resized 
      // and resize the left accordinly   
     } 
    }); 

Answer 2

それは大丈夫に見えますが、あなたはそれ以上の配列要素を持っていないので、あなたの配列の末尾にカンマを削除してみてください。

$(document).ready(function() { 
    $("#right").resizable({ 
     alsoResize: '#left' 
    }); 

    $("#left").resizable({ 
     alsoResize: '#right' 
    }); 

});