Trouver la position des cibles après le positionnement isotopique

Question

J'utilise David Desandros Isotope pour un nouveau site, mais maintenant il semble que je ne trouve pas la position de chaque élément en utilisant jquery. Plus précisément, j'essaie de joindre une info-bulle sur le vol stationnaire, mais en général, j'aimerais savoir comment obtenir la position() de chaque ancre après que Isotope les ait formatés.

A partir de maintenant, chaque élément affiche un '0' pour la gauche, la marge gauche, la position(), la gauche et toutes les autres propriétés de positionnement auxquelles je pouvais penser.

Answer 1

Voir Isotope docs pour itemPositionDataEnabled

$('#container').isotope({ 
    itemSelector: '.element', 
    itemPositionDataEnabled: true 
}) 
// log position of each item 
.find('.element').each(function(){ 
    var position = $(this).data('isotope-item-position'); 
    console.log('item position is x: ' + position.x + ', y: ' + position.y ); 
}); 

Answer 2

Hey, après avoir vu le code source dans l'un des Isotope's demos dans Firebug, je trouve que la position est calculée par:

-moz-transform: translate(#px, #px) 

et

-webkit-transform: translate(#px, #px) 

Je ne sais pas ce qui est étant utilisé pour d'autres navigateurs tels que IE, mais vous devriez être en mesure d'accéder à leur position de cette façon.