در هنگام کار با قالب های html احتمالا متوجه تغییر چیدمان محصولات و یا پروژه ها در نسخه فارسی در مقایسه با نسخه اصلی سایت شده اید که از راست چیدمان شده اند. برای مدیریت چیدمان بخش isotope در اکثر پروژه ها از فایلی با نام isotope.js یا jquery.isotope.min.js استفاده شده است. برای راست چین کردن باید originLeft: false یا originTop: false را داخل متد isotope قرار دهید.
من یک مثال میزارم که متوجه قرارگیری این آپشن شوید :
$modelisotop.isotope({
isOriginLeft: false,
filter: selector,
animationOptions: {
duration: 1000,
easing: 'linear',
queue: false,
}
;{(
با originLeft می توانید ترازبندی افقی را کنترل کنید که مقدار Boolean می گیرد.
originLeft: false یا originLeft: !1
برای طرح بندی های راست به چپ می باشد.
OriginalLeft قبلا isOriginLeft در نسخه Isotope v2 بود. isOriginLeft همچنان در Isotope v3 کار خواهد کرد.
جریان عمودی چیدمان را کنترل می کند. بهطور پیشفرض، عناصر آیتم شروع به موقعیتیابی در بالا میکنند. برای چیدمان های پایین به بالا کافیست مقدار این ویژگی را روی false تنظیم کنید.
originTop: false یا originTop: !1
OriginalTop قبلا isOriginTop در نسخه Isotope v2 بود. isOriginTop همچنان در Isotope v3 کار خواهد کرد.
در لینک زیر نیز میتوانید سایر ویژگی های این پلاگین قوی جاوا اسکریپت را مشاهده و در پروژه های خود استفاده کنید: