在同位素定位后找到目标位置

我正在使用David Desandros Isotope来建立一个新站点，但现在看来我无法使用jquery找到每个元素的位置。 具体来说，我试图在hover上附加工具提示，但通常我想知道在Isotope格式化之后如何获取每个锚的position（）。

截至目前，每个元素都显示左侧，左侧边距，位置（）。左侧的“0”以及我能想到的每个其他定位属性。

Answer 1

请参阅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

嘿，在Firebug的Isotope演示中查看源代码之后，我发现该位置是通过以下方式计算的：

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

和

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

我不确定IE用于其他浏览器的是什么，但你应该能够以这种方式访问​​它们的位置。