في Bootstrap .. تحديدا في الـ nav bar (الشريط العلوي) يوجد الكلاس active للصفحة الحالية .. لكن ماذا عن الانتقال من صفحة إلى أخرى ؟
خاصة عندما يكون الـشريط العلوي للموقع ثابت ومحفوظ في ملف مستقل .. عندها تكمن المشكلة !!
ألقيت نظرة على الإقتراحات الموجودة هنا [1]
لكن لم أجدها فعالة فتركتها قبل أن أكملها .. وقررت عمل الحل بنفسي
توصلت إلى هذه الطريقة :-
قمت بإعطاء id لكل صفحة يحمل اسم الصفحة .. بمعنى إذا كانت الصفحة هكذا www.mysitename.com/a/b/pageOne.php يكون الـ id لها هو pageOne .
قمت بتضين هذا الكود ضمن ملفات Javascript .
وظيفة الكود يقوم بإعطاء الكلاس active للصفحة الحالية فور الانتقال لها .
الكود بلغة /Javascript* ومكون من 3 أسطر فقط [2]
ما رأيك بهذه الطريقة ؟ .. أخبرنا بملاحظاتك والطريقة التي تستخدمها !!
[1]:
[2]:
http://pastebin.com/VgsYE3UX
التعليقات