پاپاور

نسخه ی نمایشی زنده

ما از جاوا اسکریپت مشابه قطعه بالا برای نمایش پاپاور زنده زیر استفاده می کنیم. عناوین از طریق 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

© تاپلوکس.