كيفية استخدام مراجعات مستقبل متعددة واجهة المستخدم

Question

لدي هذا jsfiddle http://jsfiddle.net/danieltulp/gz5gn/

ما أريد القيام به هو feems قائمة غير مرتبة على خصائص البيانات مع حوالي 6 منزلقات.ولكن من أجل تطوري أنا فقط باستخدام اثنين

السؤال الأول: يعمل شريط التمرير الجودة على ما يرام، ولكن عندما أقفل شريط التمرير السعر، يرى متغيرات MINP و MAXP ككائنات، لماذا؟كيف يمكنني إصلاح ذلك؟

السؤال الثاني: الرمز الخاص بي هو الآن pritty فوضوي، لا بد لي من كتابة رمز خاص لكل مرشح (أي: السعر، الجودة، إلخ)، كيف يمكنني تبسيط / تقصير التعليمات البرمجية الخاصة بي؟

code from fiddle:

html giveacodicetagpre.

جافا سكريبت giveacodicetagpre.

تحرير: المشكلة الأولى في Min Max Variables كونها كائنات تحدث أيضا على شريط التمرير الجودة إذا قمت بنقل بيان الجودة عند واحد مقابل السعر.قيم الأسعار صحيحة بعد ذلك.لذلك يبدو أن هناك مشكلة في البيانات إذا كانت البيانات في وظيفة الشريحة.

Answer 1

يبدو أن هناك مسافة جائق مفيدة للغاية تسمى filter.js

تجريبي: http://jiren.github.com/filter.js/filterjs.HTML

github: https://github.com/jiren/filter.js

البرنامج التعليمي: http://blog.joshsoftware.com/2011/09/28/filter-js-client-Search-filtering-using-json-and-jquery/

Answer 2

يبدو أن تغيير حدث الشريحة للتغيير يسمح لي باستخدام giveacodicetagpre.

لم يكن ذلك ممكنا مع حدث الشريحة لأن هذه العبارات، ثم أخذت القيم القديمة حيث يتم تشغيل حدث الشريحة أثناء الانزلاق (تم اختباره على iPad، لست متأكدا من كيفية عمل هذا الفأرة الفعلي) انظر http://juceryui.com/demos/slider/#event-slide ل مزيد من المعلومات

العمل JSfiddle http://jsfiddle.net/danieltulp/gz5gn/42/

الآن ما زلت بحاجة إلى تبسيط / تقصير التعليمات البرمجية الخاصة بي

---

تحرير :

لدي فكرة لعمل رمز أكثر وضوحا

أولا أحتاج إلى تحديد ما إذا كان Slidervalue قد زاد أو انخفض، ثم يمكنني تصفية عناصر القائمة المعرضة أو المخفية فقط لإخفاء أو إظهار

هذا يسمح فقط بتأثير العناصر القائمة المصفاة بالفعل حتى لا أحتاج إلى إخفاءها مرة أخرى كما كنت أفعله في الرمز السابق

لكن بلدي JSfiddle يكسر في شيء في الكود ولكن لا يمكنني تضييقه، أي أفكار؟ http://jsfiddle.net/danieltulp/4uf3e/4/