BS tooltip
Tooltip plagini
Tooltip plagini — foydalanuvchi sichqoncha kursorini element ustiga olib borganda paydo bo‘ladigan kichik qalqib chiquvchi oyna:
Maslahat: Plaginlarni alohida (Bootstrap’ning alohida "tooltip.js" faylidan foydalanib) yoki hammasini birdaniga ("bootstrap.js" yoki "bootstrap.min.js" orqali) ulash mumkin.
Tooltip qanday yaratiladi
Tooltip yaratish uchun elementga data-toggle="tooltip" atributini qo‘shing.
Tooltip ichida ko‘rsatiladigan matnni belgilash uchun title atributidan foydalaning:
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
Eslatma: Tooltiplar jQuery yordamida ishga tushirilishi (initialize) shart: kerakli elementni tanlang va tooltip() metodini chaqiring.
Quyidagi kod hujjatdagi barcha tooltiplarni faollashtiradi:
Misol
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
O‘zingiz sinab ko‘ring »
Tooltiplarni joylashtirish
Standart holatda tooltip elementning tepasida paydo bo‘ladi.
Tooltipni elementning tepasi, pasti, chap yoki o‘ng tomonida joylashtirish uchun data-placement atributidan foydalaning:
Misol
<a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Hover</a>
O‘zingiz sinab ko‘ring »
Maslahat: data-placement atributidan "auto" qiymati bilan ham foydalanishingiz mumkin — bunda tooltip joylashuvini brauzerning o‘zi hal qiladi. Masalan, qiymat "auto left" bo‘lsa, tooltip imkon bo‘lganda chap tomonda, aks holda o‘ng tomonda ko‘rsatiladi.
Bootstrap tooltiplari bo‘yicha to‘liq ma’lumotnoma
Tooltiplarning barcha parametrlari (options), metodlari va hodisalari (events) bo‘yicha to‘liq ma’lumot uchun Bootstrap JS Tooltip ma’lumotnomamizga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!