jquery - 如何从右到左使用 jQuery Isotope？

Question

如何在 beautiful-beautiful jQuery Isotope 中覆盖自动左对齐(Source on GitHub)？

谢谢!

Answer 1

您有两个选择:重新设计 Isotope 的布局逻辑，或构建您自己的布局模式。

Isotope 的布局逻辑逐渐增强，可以在可用时使用 CSS 转换，但会退回到顶部/左侧定位。因此，如果您将坐标 x、y 传递给 getPositionStyles 方法，它将返回 {translate: [ x, y ] } 或 { left: x;顶部:y}。从右到左布局的问题在于它可以与 { right: x; 一起使用top: y }，但它会破坏等效的 CSS 转换。

构建您自己的布局模式可能是更容易访问的路线。最终我需要编写有关如何开发自己的自定义布局模式的文档。但您也许可以通过阅读源代码自行完成。您会发现每种布局模式都分为 4 个必需的方法:_layoutnameReset、_layoutnameLayout、_layoutnameGetContainerSize 和 _layoutnameResize。

我打开了issue on GitHub这样您就可以跟踪此功能请求的状态。