قابل للفرز مماثلة مع موقع YouTube

Question

أحاول تحقيق تأثير مشابه للصفحة الرئيسية YouTube (يجب تسجيل الدخول لقد نشرت فيلم صغير لشرح هذا... تلك الأزرار تفعل ... بالضبط ما يقول: حرك كل عنصر مع نقل الرسوم المتحركة أنيق أو أسفل.

لذلك، أنا أفكر في أن يعمل مشابها للغاية مع قابلة للتراجع: يجعل المساعد (هذا هو العنصر المتحرك) ثم، بعد اكتمال الرسوم المتحركة، يتم تغيير DOM مع مواقف جديدة.

لذلك، أي فكرة هي موضع ترحيب!

---

لقد قمت بإجراء اختبار صغير في Firebug. يمكنني استنساخ العنصر مع هذا:

$('.hslider:first').clone(true).insertAfter('.hslider:first')

لكن المشكلة الرئيسية هي أن لدي بعض JS ملزمة على عناصر داخل .hslider. وبعد حتى أن بعض أعمال الاحتفاظ، أخرى (مثل شريط التمرير ui jquery) لا. هناك طريقة للقيام بذلك دون إعادة تهيئة JS كله؟ حاولت إلقاء نظرة على مصدر jQuery UI ولكن ... أنا لست جيدا في JS / JQUERY لتكون قادرا على فك تشفير أي شيء مفيد (نعم، كان المصدر غير مضغوط: P)

---

يحرر:

لقد وجدت شيئا مشابها هنا لكنني حقا لا أريد تحميل 40 كيلو بايت آخر + فقط لهذا التأثير (خاصة عندما يكون لدي بالفعل جيسرية محملة)

Answer 1

لماذا لا تستخدم يعيش() الطريقة المتاحة في jQuery 1.3+. من شأنها أن تضمن أن العناصر الخاصة بك حتى بعد إدراجها من جديد، سيكون لها ارتباطات الحدث المحفوظة. يعيش يربط أساسا إجراءات JS لجميع العناصر المتطابقة الحالية والمستقبلية. لا إضافي مطلوب ليتم تحميله؛)