التمهيد لمحة عامة البرنامج المساعد
في الجزء السابقناقش التخطيط للعناصر على الجمعية انها مجرد بداية.ألبس الحذاء يأتي مع 12 نوعا مسج المساعد بتوسيع وظائف يمكن أن تضاف إلى الموقع أكثر تفاعلا. حتى إذا لم تكن لتفعيل جافا المطور متقدمة، يمكنك أيضا أن تبدأ في تعلم التمهيد جافا سكريبت المكونات الإضافية. API استخدام البيانات التمهيد (التمهيد API البيانات)، فإن معظم المكونات في يمكن أن تسبب دون كتابة أي رمز.
الموقع المراجع المكونات التمهيد بطريقتين:
- وحدها اقتباس: استخدام منفصلة الملفاتشبيبة *من التمهيد.يعتمد بعض مكونات المكونات الإضافية والمغلق على غيرها من المكونات الإضافية. إذا قمت بتوصيل إشارة منفصلة، تأكد من أنهم يفهمون التبعيات بين المكونات الإضافية.
- تجميع (في نفس الوقت) اقتباس: استخدامbootstrap.jsأو إصدار مضغوطbootstrap.min.js.
لا تحاول أن أقتبس هذه الملفين، ولأن bootstrap.jsbootstrap.min.js تحتوي على جميع الإضافات.
بيانات الملكية
- قد تكون قادرة على استخدام كافة البيانات السمة API المساعد التمهيد، دون كتابة سطر واحد من التعليمات البرمجية جافا سكريبت فقط. هذا هو API التمهيد الدرجة الأولى، ينبغي أن يكون الطريقة التي تفضلها.
- ثم مرة أخرى، في بعض الحالات قد تحتاج إلى إيقاف تشغيل هذه الميزة. ولذلك، فإننا نقدم أيضا طريقة API السمة بيانات مغلقة، وهي لرفع مساحةاسمالمعهد البياناتوملزمة للأحداث وثيقة. مثل ما يلي:
$ (الوثيقة) .off ( '. البيانات API ")
- ليغلق المكونات في معين، قبل مساحة اسم المعهد البيانات بالإضافة إلى اسم القطعة باعتباره مساحة الاسم، كما هو موضح هنا:
$ (الوثيقة) .off ( '. Alert.data-API ")
API برنامجي
ونحن نقدم وسيلة لAPI جافا سكريبت نقية لجميع الإضافات التمهيد. ويدعم جميع المكالمات API العامة بشكل فردي أو وضع بالسلاسل، وإرجاع مجموعة من العناصر التي تعمل (ملاحظة: شكل واستدعاء اتفاق مسج). على سبيل المثال:
$ ( ". Btn.danger"). زر ( "تبديل"). AddClass ( "الدهون")
كائن جميع طرق يمكن اتخاذ خيارات اختيارية كمعلمة، أو سلسلة تمثل أسلوب معين، أو مع أي معلمة (في هذه الحالة، فإنه سيتم تهيئة المكونات في لالسلوك الافتراضي)، على النحو التالي:
// تهيئة إلى السلوك الافتراضي $ ( "# myModal"). مشروط () // تهيئة لوحة المفاتيح لا يدعم $ ( "# myModal") مشروط ({لوحة المفاتيح: كاذبة}). // تهيئة وندعو المعرض فورا $ ( "# MyModal"). مشروط ( 'عرض')
كل المكونات في على الممتلكاتمنشئ أيضا يعرض بهمنشئ الأصلي:$ .fn.popover.Constructor.إذا كنت ترغب في الحصول على مثيل من عنصر واجهة معينة يمكنك الحصول مباشرة من خلال عناصر الصفحة:
$ ( '[أكتيفي = بوبوفير]'). البيانات ( 'بوبوفير').
تجنب الاصطدام مساحة
في بعض الأحيان قد تحتاج ليتم استخدامها مع الأطر واجهة أخرى الإضافات التمهيد. في هذه الحالة، يمكن أن يحدث تصادم مساحة الاسم. للأسف، وإذا حدث ذلك، يمكنك استعادة قيمتها الأصلية عن طريق استدعاء أساليب القطعة.noConflict.
// إرجاع $ .fn.button قبل القيمة فار تعيين bootstrapButton = $ .fn.button.noConflict () // ل$ (). وظائف BootstrapBtn الممنوحة التمهيد $ .fn.bootstrapBtn = BootstrapButton
حدث
يوفر التمهيد حدث مخصص كسلوك فريد من معظم المكونات الإضافية. عموما، هذه الأحداث تأتي في شكلين:
- صيغة المصدر: سيتم تشغيل هذا عندما يبدأ الحدث.مثلالسابق: المعرض.ويوفر الحدث صيغة المصدر وظيفةpreventDefault.هذا يجعل من الممكن لوقف العملية قبل بدء الحدث.
$ ( '# MyModal')، وفي ( 'show.bs.modal، وظيفة (ه) { يتم عرض // مربع مشروط منع إذا (! البيانات) العودة e.preventDefault () })
- شكل التصريف: سيتم تشغيل هذا بعد الانتهاء من العملية.مثلالسابقين: هو مبين.