پاپاور
نسخه ی نمایشی زنده
ما از جاوا اسکریپت مشابه قطعه بالا برای نمایش پاپاور
زنده زیر استفاده می کنیم. عناوین از طریق data-bs-title
و محتوای
بدنه از طریق تنظیم می شوند data-bs-content
.
مسیرهای پاپاور
چهار گزینه موجود است: تراز بالا، راست، پایین و چپ.
با کلیک بعدی رد کنید
focus
از ماشه برای رد کردن پاپاورها در کلیک
بعدی کاربر بر روی عنصری متفاوت از عنصر تعویض استفاده کنید .
شناور
data-bs-trigger="hover"
از ماشه Hover برای
نمایش popover استفاده کنید .
پاپاورهای سفارشی
می توانید ظاهر پاپاورها را با استفاده از متغیرهای CSS
سفارشی کنید. ما یک کلاس سفارشی با آن تنظیم می کنیم
data-bs-custom-class="primary-popover"
تا ظاهر سفارشی خود را در
بر بگیرد و از آن برای نادیده گرفتن برخی از متغیرهای CSS محلی استفاده کنیم.
عناصر غیر فعال
عناصر دارای disabled
ویژگی تعاملی نیستند،
به این معنی که کاربران نمی توانند ماوس را نگه دارند یا روی آنها کلیک کنند
تا پاپ اور (یا راهنمای ابزار) راه اندازی شود. به عنوان یک راه حل، شما می
خواهید popover را از یک wrapper فعال کنید <div>
یا عنصر
غیرفعال
<span>
را لغو کنید
.pointer-events