Latest web development tutorials
×

Bootstrap مسار

Bootstrap مسار Bootstrap مقدمة موجزة Bootstrap البيئة التثبيت

Bootstrap CSS

Bootstrap CSS نظرة عامة Bootstrap نظام الشبكة Bootstrap تنضيد Bootstrap قانون Bootstrap طاولة Bootstrap شكل Bootstrap زر Bootstrap صور Bootstrap الطبقة المساعدة Bootstrap المرافق تستجيب

Bootstrap مكونات التخطيط

Bootstrap رمز الخطوط Bootstrap القائمة المنسدلة Bootstrap زر المجموعة Bootstrap زر القائمة المنسدلة Bootstrap مجموعة مربع الإدخال Bootstrap عناصر الملاحة Bootstrap شريط التنقل Bootstrap فتات الخبز Bootstrap ترحيل Bootstrap ملصق Bootstrap شارة Bootstrap شاشة كبيرة Bootstrap عنوان الصفحة Bootstrap الصور المصغرة Bootstrap تحذير Bootstrap شريط تقدم Bootstrap كائنات الوسائط المتعددة Bootstrap المجموعات Bootstrap لوحة Bootstrap Wells

Bootstrap القطعة

Bootstrap المكونات محة سريعة Bootstrap تأثير انتقال Bootstrap مربع مشروط Bootstrap القائمة المنسدلة Bootstrap رصد التمرير Bootstrap علامة التبويب Bootstrap نصائح أداة Bootstrap مربع منبثق Bootstrap مربع التنبيه Bootstrap زر Bootstrap طية Bootstrap دائري Bootstrap الملاحة إضافية

Bootstrap آخر

Bootstrap UI محرر Bootstrap V2 مسار Bootstrap HTML الترميز المعايير Bootstrap CSS الترميز المعايير

التمهيد لمحة عامة البرنامج المساعد

في الجزء السابقناقش التخطيط للعناصر على الجمعية انها مجرد بداية.ألبس الحذاء يأتي مع 12 نوعا مسج المساعد بتوسيع وظائف يمكن أن تضاف إلى الموقع أكثر تفاعلا. حتى إذا لم تكن لتفعيل جافا المطور متقدمة، يمكنك أيضا أن تبدأ في تعلم التمهيد جافا سكريبت المكونات الإضافية. API استخدام البيانات التمهيد (التمهيد API البيانات)، فإن معظم المكونات في يمكن أن تسبب دون كتابة أي رمز.

الموقع المراجع المكونات التمهيد بطريقتين:

  • وحدها اقتباس: استخدام منفصلة الملفاتشبيبة *من التمهيد.يعتمد بعض مكونات المكونات الإضافية والمغلق على غيرها من المكونات الإضافية. إذا قمت بتوصيل إشارة منفصلة، ​​تأكد من أنهم يفهمون التبعيات بين المكونات الإضافية.
  • تجميع (في نفس الوقت) اقتباس: استخدامbootstrap.jsأو إصدار مضغوطbootstrap.min.js.
    لا تحاول أن أقتبس هذه الملفين، ولأن bootstrap.jsbootstrap.min.js تحتوي على جميع الإضافات.
جميع المكونات الإضافية تعتمد على مسج. يجب أن يكون مرجعا في ملف المساعد قبل مسج. زيارة bower.json عرض التمهيد إصدار معتمد حاليا من مسج.

بيانات الملكية

  • قد تكون قادرة على استخدام كافة البيانات السمة 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 () 
    })
    
  • شكل التصريف: سيتم تشغيل هذا بعد الانتهاء من العملية.مثلالسابقين: هو مبين.