J'ai 2 divs placés dans un autre div. Je veux redimensionner ces 2 divs dans la div principale. Je peux contraindre chaque div séparément en utilisant le code suivant. Mais je veux contraindre les deux divs à l'intérieur du conteneur principal en même temps. Comment puis-je faire cela avec jquery?Restreindre le redimensionnement de Jquery au conteneur
Avez-vous essayé maxWidth:
$("#div1").resizable({ containment: '#resizable', maxWidth: ($("#resizable").width()/2) });
Cela signifie qu'il limitera la largeur de chaque div à 50%. Je ne veux pas ça. Je veux changer dynamiquement la largeur et la hauteur à l'intérieur du conteneur principal. –
Quelque chose comme jsfiddle où vous pouvez faire glisser une ligne entre et redimensionner les deux tailles? –
c'est en fait ce que je veux. –
Il ressemble à ceci est un bug: http://bugs.jqueryui.com/ticket/5817
Vous pouvez contourner en ayant les divs redimensionnent mutuellement. Vous devrez l'ajuster pour plusieurs divs: http://jsbin.com/ewajaw/edit#javascript,html,live
Est-ce ce que vous voulez?
oui l'exemple est juste. mais quand vous augmentez la hauteur du premier div, le 2ème div sort du conteneur. Je veux empêcher cela –
quel navigateur? semble fonctionner correctement dans FF – ZimSystem
Dans firefox. Essayez d'augmenter la hauteur de la première div à la hauteur du conteneur. Le texte de la deuxième div disparaît –
Voulez-vous div1 rétrécir si div2 se développe, et vice-versa? – ZimSystem
no. Supposons que div est 100 * 100 et div2 est 100 * 100. Si je redimensionne le div2, div1 devrait toujours être 100 * 100 et div2 devrait être redimensionné dans l'espace restant. –