jQuery UI redimensionnable

Question

Je suis à la recherche dans la méthode jQuery UI Resizable et je dois DIVs (l'un à côté de l'autre). Je veux pouvoir en redimensionner un et changer l'autre en conséquence. Un DIV devient plus grand et l'autre DIV devient plus petit ...

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

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

});

Merci, Max

Answer 1

Vous voulez attacher dans le « redimensionner » l'événement (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

Il a l'air bien, mais essayez de supprimer la virgule à la fin de votre tableau, puisque vous n'avez d'autres éléments du tableau.

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

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

});