في Bootstrap .. تحديدا في الـ nav bar (الشريط العلوي) يوجد الكلاس active للصفحة الحالية .. لكن ماذا عن الانتقال من صفحة إلى أخرى ؟

خاصة عندما يكون الـشريط العلوي للموقع ثابت ومحفوظ في ملف مستقل .. عندها تكمن المشكلة !!

ألقيت نظرة على الإقتراحات الموجودة هنا [1]

لكن لم أجدها فعالة فتركتها قبل أن أكملها .. وقررت عمل الحل بنفسي

توصلت إلى هذه الطريقة :-

  1. قمت بإعطاء id لكل صفحة يحمل اسم الصفحة .. بمعنى إذا كانت الصفحة هكذا www.mysitename.com/a/b/pageOne.php يكون الـ id لها هو pageOne .

  2. قمت بتضين هذا الكود ضمن ملفات Javascript .

  • وظيفة الكود يقوم بإعطاء الكلاس active للصفحة الحالية فور الانتقال لها .

  • الكود بلغة /Javascript* ومكون من 3 أسطر فقط [2]

ما رأيك بهذه الطريقة ؟ .. أخبرنا بملاحظاتك والطريقة التي تستخدمها !!

[1]: http://stackoverflow.com/questions/15963757/how-to-set-current-page-active-in-php

[2]: http://pastebin.com/VgsYE3UX