3

新しいサイトにDavidDescandrosIsotopeを使用していますが、 jqueryを使用して各要素の位置を見つけることができないようです。具体的には、ホバーにツールチップを添付しようとしていますが、通常、Isotopeがアンカーをフォーマットした後、各アンカーのposition()を取得する方法を知りたいです。

現在のところ、各要素は、left、margin-left、position()。left、および私が考えることができる他のすべてのポジショニングプロパティに対して「0」を表示します。

4

2 に答える 2

8

itemPositionDataEnabledについては、Isotopeのドキュメントを参照してください

$('#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  );
});
于 2011-06-06T17:21:10.957 に答える
1

ねえ、FirebugでIsotopeのデモの1つでソースコードを表示した後、位置が次の方法で計算されていることがわかりました。

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

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

IEなどの他のブラウザで何が使用されているかはわかりませんが、その方法でそれらのブラウザの位置にアクセスできるはずです。

于 2011-06-06T17:13:39.483 に答える