jQuery同位素RTL

Question

我正在使用此代码在具有RTL支持的情况下运行同位素

$.Isotope.prototype._positionAbs = function( x, y ) {
  return { right: x, top: y };
};

$('.portfolio-isotope').each(function() {
    var layoutMode = $(this).attr('data-layoutmode');
    if(!layoutMode || layoutMode === ""){
        layoutMode = 'fitRows';
    }

    $(this).isotope({
        transformsEnabled: false,
        itemSelector: '.portfolio-element',
        layoutMode : layoutMode,
        transitionDuration : '0.8s'
    });

});

由于某种原因，我让浏览器返回JavaScript错误

Uncaught TypeError: Cannot read property 'prototype' of undefined

这可能是什么原因？

Answer 1

只是使用这个选项isOriginLeft：假

和CSS

.isotope .isotope-item 
{
  -webkit-transition-property: right, top, -webkit-transform, opacity;
     -moz-transition-property: right, top, -moz-transform, opacity;
      -ms-transition-property: right, top, -ms-transform, opacity;
       -o-transition-property: right, top, -o-transform, opacity;
          transition-property: right, top, transform, opacity;
}

Answer 2

控制布局的水平方向。默认情况下，item元素开始从左侧开始定位，其originLeft：true。设置originLeft：从右到左布局为false。

originLeft: false

isotope options