jquery العمودي تحوم الأكورديون

https://stackoverflow.com/questions/712763

23-08-2019
|

سؤال

ما هي الإضافات المسج الموجودة لمكافحة الحور العمودي؟ أنا أبحث عن مكون إضافي لاستخدامه في القائمة حيث:

ستتم توسيع عناصر القائمة الفرعية فقط بعد التحليق الثاني (حتى شيء ربما يستخدم البرنامج المساعد Gloverintent)؛
يمكن أن تتحلل بأمان إذا تم إيقاف تشغيل JavaScript؛ و
سيتم طي / إغلاق أي عنصر قائمة فرعية عندما يتحرك الماوس بالكامل.

شكرا جزيلا!

المحلول

يمكنك المحاولة jquery ui الأكورديون. وبعد لديها الكثير من الخيارات ويمكنك تخصيصها أيضا.

نصائح أخرى

يمكن أن أكون مخطئا، لكنني أعتقد أنه قد يكون هناك مشاكل متأصلة في استخدام حدث Mouseover أو Mouseenter للتحكم في الأكورديون الرأسي - إلا إذا كنت حقا تعرف ما هي القائمة الفرعية ستكون مثل.

تكمن المشكلة في ما هو: لديك قائمة طويلة من العناصر في القائمة الفرعية، وبعض العناصر الفرعية القصيرة أو عناصر قائمة واحدة تتبع أدناه. مثله:

قائمة
- 1
- 2
  - أ
  - ب
  - جيم
  - د
  - هيا
  - F
- 3
- 4
- 5
  - أ
  - ب
  - جيم

لذلك عند الانتقال من # 2 إلى # 3، ينهار # 2، ووضع مؤشر الخاص بك إلى أسفل القائمة. أنت تطفيق جميع الأحداث الفائقة / خارج أو أوجز الأحداث ل # 3، # 4، # 5 ... وربما تتحرك بعد القائمة بأكملها ... يمكن أن تبدأ الأشياء كذاب مثل مجنون.

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

مهلا إلقاء نظرة على هذا البرنامج المساعد لتحويل الأكورديون، كنت أبحث عن نفس التأثير ووجدت هذا. http://berndmatzner.de/jquery/hoveraccordion/

وهذا قد يساعدك في جعل التحويم مع توككالي الأصلي من مسج.$("#accordion").accordion({ event: "mouseover" });

جرب هذا:

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow