1. تحليل الملاحة (NAV)
ملف رمز المصدر:
_navs.scss: وحدة التنقل
mixins/_nav-divider.scss: خط المقسم
mixins/_nav-vertical-align.scss: المحاذاة الرأسية
1. لقد تم تصميمه فقط مع CSS وليس له أي اعتماد على JS.
2. يمكن أن تتضمن وحدة التنقل وحدة النمط المنسدلة
3. إدراك التوزيع الأفقي ، الرأسي ، الأفقي المتساوي (تطبيق خلايا الجدول ، 4.0 إزالة) ، علامات التبويب ، الكبسولات وغيرها من الأساليب
4. Nav-Divider: هناك ارتفاع بكسل لتحقيق خط الفاصل
5. Nav-Stacked: تنفيذ المحاذاة العمودي
6. يوفر فئة محتوى علامات التبويب لتلفي
7. تمت معالجة القائمة المنسدلة تحت NAV-TABS لتقليص بكسل واحد للأعلى ، لأن NAV-TABS سيكون لها خلاصة القول ولا تقلص بكسل واحد ، وستكون هناك فجوات فارغة.
// منسدلة محددة // قم بإزالة الزوايا المدورة العلوية هنا نظرًا لوجود حافة صلبة فوق القائمة @include الحدودية الحدودية (0) ؛}
2. تأثير الانهيار
ملف رمز المصدر:
mixins/_component-inimations.SCSS: تنهيب التنفيذ لتحقيق تأثير قابل للطي
JavaScripts/bootstrap/collapse.js: تنفيذ تأثير الانهيار
1. $ this.data () يجمع جميع البيانات-*
2. خاصية الوالدين: تحدد أن الانهيار الحالي يتم التحكم فيه من قبل الوالد ، والذي يدرك بشكل أساسي تأثير عنصر تحكم واحد والعديد. فيما يلي رمز إخفاء جميع قوائم الأطفال تحت نفس الوالد:
إرجاع $ (this.options.parent) .find ('[data-toggle = "collapse"] [data-parent = "' '3. يتطلب تنفيذ Praent أيضًا دمج فئة .panel ، لأنه عند البحث ، يُعتقد أن جميع المحتملين الفرعيين يتم وضعهم تحت فئة.
4. طريقة jQuery's End (): قم بإنهاء سلسلة المرشح الحالية واستعادة عنصر المطابقة المُعين على حالته السابقة (الموضع الذي تبدأ فيه السلسلة)
$ ("P")
5. Scrollheight: ارتفاع الصفحة (احصل على الارتفاع/العرض الفعلي المراد توسيعه) ، يحتوي على الجزء غير المرئي من النافذة ، والذي يتم استخدامه في الانهيار لتحديد الحد الأقصى لتوسيع القيمة ، وسيتم مسح الارتفاع/widht بعد اكتمال الحركة.
var scrollsize = $ .camelcase (['scroll' ، dimension]. join ('-')) this. $ element .One ('bStransitionEnd' ، $ .proxy (complete ، this)6. تنقسم عناصر المعالجة إلى فئتين: أحدهما هو توسيع أو إخفاء العنصر نفسه (عنصر $) ، والآخر هو لمس الزر لتطوير أو إخفاء العنصر (المشغل $)
7. في الطريقة المخفية ، سيتم إعادة رسم ارتفاع المنطقة المطوية ، ثم يتم الحصول على ارتفاع المنطقة الفعلية:
هذا. $ element [dimension] (this. $ element [dimension] ()) [0] .OFFSETHEIGH
8. يتم تشغيل تشغيل الطريقة المخفية افتراضيًا من خلال الحكم في طريقة العرض:
if (Actives && Actives.length) {plugin.call (Actives ، 'Hide') ActivesData || Actives.Data ('bs. -collapse' ، null)}ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون من المفيد للجميع تعلم برمجة JavaScript.