پلاگین های جاوا اسکریپت در بوت استرپ
Bootstrap JavaScript Plugins
بوت استرپ را می توان به دو صورت کامپایل شده یا خام در سایت شما قرار داد. در بوت استرپ
2.2.2، فایل فشرده نشده 59 کیلوبایت و نسخه کوچک شده فقط 32 کیلوبایت است. همه ی
پلاگین های بوت استرپ با استفاده از Data API موجود در دسترس هستند. با این، شما نیازی ندارید
شامل یک خط جاوا اسکریپت برای فراخوانی هر یک از ویژگی های افزونه.
به طور معمول، جاوا اسکریپت در یک فایل جداگانه یا در پایین صفحه قبل از
بستن برچسب </body>. شما می توانید از ویژگی src برای پیوند دادن به فایل دیگری استفاده کنید یا از شما
می تواند محتویات فایل را بین تگ های باز و بسته بنویسد.
به طور کلی، بهتر است تمام فراخوانهای جاوا اسکریپت را در check قرار دهید که اطمینان حاصل شود DOM در صفحه بارگذاری شده است. اگر جاوا اسکریپت را دارید که سعی می کند زودتر فعال شود، ممکن است از دست برود
عناصر زمانی که مرورگر صفحه را تجزیه می کند. با جی کوئری، افزودن check به راحتی انجام می شود.
همانطور که در بالا ذکر شد، Bootstrap دارای یک Data API است که می توانید ویژگی های داده را در آن بنویسید
HTML صفحه اگر نیاز به خاموش کردن Data API دارید، میتوانید ویژگیها را لغو پیوند کنید
با افزودن خط زیر از جاوا اسکریپت:
Programmatic API
توسعه دهندگان بوت استرپ معتقدند که شما باید بتوانید از همه پلاگین ها استفاده کنید
در سراسر API جاوا اسکریپت. همه APIهای عمومی متدهای تک زنجیره ای و بازگشتی هستند.
انتقال ها(Transitions)
افزونه انتقال افکت های انتقال ساده را ارائه می دهد. چند مثال عبارتند از:
• کشویی یا محو شدن در مدال
• محو شدن زبانه ها
• محو شدن هشدارها
• شیشه های چرخ فلک کشویی
Modal
مدال یک پنجره فرزند است که روی پنجره والد خود لایه بندی شده است.
به طور معمول، هدف نمایش محتوا از یک منبع جداگانه است که می تواند مقداری داشته باشد
74 | فصل 4: پلاگین های جاوا اسکریپت بوت استرپ
تعامل بدون خروج از پنجره والد پنجره های کودک می توانند اطلاعات را ارائه دهند
عملکرد، تعامل، یا بیشتر. ما از آنها به عنوان پنجره ای برای برگزاری نمایش اسلاید و ورود به سیستم استفاده می کنیم
اطلاعات ثبت نام. افزونه modal احتمالاً یکی از افزونه های Bootstrap است.
برای فراخوانی پنجره مدال، باید نوعی ماشه داشته باشید. به طور معمول من استفاده می کنم
یک دکمه یا یک لینک اگر به کد زیر نگاه کنید، خواهید دید که در تگ <a>، the
href=”myModal” هدف مدالی است که میخواهید در صفحه بارگیری کنید. این کد
به شما این امکان را می دهد که چندین حالت را در صفحه ایجاد کنید و سپس برای آن تریگرهای مختلفی داشته باشید
هر یک از آنها. اکنون، برای روشن بودن، شما چندین مدال را همزمان بارگذاری نمی کنید، اما شما
می تواند تعداد زیادی را در صفحه ایجاد کند تا در زمان های مختلف بارگذاری شوند.
در مودال سه کلاس وجود دارد که باید به آنها توجه کرد. اولی .modal است که به سادگی است
شناسایی محتوای <div> به عنوان یک مدال. دومی .hide است که به آن می گوید
مرورگر برای مخفی کردن محتوای <div> تا زمانی که آماده فراخوانی آن باشیم. و بالاخره،
کلاس .fade. هنگامی که مدال تغییر می کند، باعث محو شدن و خارج شدن محتوا می شود.
قوانین ارسال دیدگاه در سایت