Найти положение целей после позиционирования изотопа

Question

Я использую David Desandros Isotope для нового сайта, но теперь кажется, что я не могу найти позицию каждого элемента с помощью jquery.В частности, я пытаюсь прикрепить всплывающую подсказку при наведении, но в целом я хотел бы знать, как получить позицию () каждого якоря после того, как Isotope их отформатировал.

На данный момент каждый элемент отображает '0 'для left, margin-left, position (). Left и все остальные свойства позиционирования, которые я мог придумать.

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, я обнаружил, что позиция рассчитывается по:

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

и

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

Я не уверен, что используется для других браузеров, таких как IE, но вы должны иметь возможность получить доступ к их позиции таким образом.