تصفية النظائر المتقدمة

Question

أنا أستخدم Isotope لعرض المنتجات على الصفحة.أود أن يتمكن المستخدمون من فرز العناصر (لا توجد مشكلة في ذلك) وتصفيتها.تصفية بسيطة (أي. ".Brand1,.Brand2,.Color1" تقوم بإرجاع جميع المنتجات التي تحمل العلامة التجارية 1 وجميع المنتجات التي تحمل العلامة التجارية 2 وجميع المنتجات التي تحمل اللون 1) تعمل بشكل جيد.

ولكن ما أحتاج إلى تنفيذه هو مرشح متقدم، أي. (Brand1 or Brand2) AND Color1.مشكلتي الرئيسية هي أنه يمكنني الحصول على عشرات العلامات التجارية وعشرات الألوان وعشرات فئات التصفية المحتملة الأخرى، وبالتالي تكرارها جميعًا لإنشاء مرشحات مثل ".Brand1.Color1, Brand2.Color1" يمكن أن يستغرق الكثير من الوقت.

هل تعرف أي طريقة لإنشاء مرشحات شرطية مثل (Brand1 or Brand2) AND Color1 في النظائر؟

Answer 1

$(".foo, .bar").somemethod(someargument);

يطابق العناصر التي تحتوي على class foo أو class bar،

$(".foo.bar").somemethod(someargument);

يطابق العناصر التي تحتوي على class foo وclass bar،

$(".foo, .bar").not(selector)

يمكن أن يكون الطريق للذهاب.

Answer 2

يأخذ Isotope كائنات jQuery كمرشحات.لذلك إذا كنت تريد تطبيق هذا الشرط (Brand1 or Brand2) AND Color1 قم بتصفية العناصر الخاصة بك أولاً باستخدام:

var $elements = $('.element').filter('.Brand1, .Brand2').filter('.Color1');

وتمريره إلى النظير لتحديث العرض:

$grid.isotope({ filter: $elements });

إنتهيت :)