كيف يتم إنشاء الرابط/اللوحة الرئيسية للقائمة (هامبرغر)؟

الدعم
3

تتم إضافة القائمة إلى المستند باستخدام جافاسكريبت عند النقر على الزر، لذلك لن يكون من السهل تحويلها للعمل على إصدار الموقع الذي يعتمد على HTML فقط.

هنا تمت إضافة الزر، يمكنك رؤية أنه يحتوي على إجراء يسمى toggleHamburger:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/widgets/header.js#L246

تم تعريف الإجراء toggleHamburger لاحقًا في نفس الملف، هنا:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/widgets/header.js#L483

يقوم toggleHamburger بتغيير حالة hamburgerVisible، لذلك تتم إضافة القائمة في النهاية باستخدام panels.push(this.attach("hamburger-menu")); والتي يمكنك رؤيتها هنا:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/widgets/header.js#L379

إعجاب واحد (1)