jQuery-UI redimensionnable, redimensionnement des éléments enfants

Question

J'ai des éléments div contenant des images. Je veux rendre le div resizable en utilisant jQuery-UI, en redimensionnant les éléments d'image div et enfants.

J'ai essayé d'utiliser aussiResize, comme ci-dessous, mais il semble que je redimensionne la première image divs au lieu de l'image enfant correspondante.

$('div').resizable({ 
    alsoResize: $(this).find('img'), 
    aspectRatio: true, 
    maxHeight: 140 
}); 

J'ai créé un violon pour démontrer http://jsfiddle.net/letsgojuno/EhyGy/

Il semble que ce contexte est toujours le premier div, au lieu de la div actuellement redimensionnée.

Answer 1

Depuis $(this) dans alsoResize obtiendrez premier div, chaque fois que vous faites l'événement de redimensionnement, il ne redimensionnera que la première image. Vous devrez créer redimensionnable pour chaque élément, comme ceci:

$('div').each(function() { 
    $(this).resizable({ 
     alsoResize: $(this).find('img'), 
     aspectRatio: true, 
     maxHeight: 140 
    }); 

});