ምኽሪ መሳርሒታት
ሰነዳትን ኣብነታትን ንምውሳኽ ብሕታዊ ቡትስትራፕ መሳርሒታት ምስ CSSን ጃቫስክሪፕትን ብምጥቃም CSS3 ንኣኒሜሽንን ዳታ-ባህርያት ንከባብያዊ ኣርእስቲ መኽዘንን።
ሓፈሻዊ ትሕዝቶ
ነቲ tooltip plugin ክትጥቀመሉ ከለኻ ክትፈልጦም ዘለካ ነገራት፤
- ምኽሪ መሳርሒታት ንኣቀማምጣ ኣብ 3ይ ወገን ቤተ መጻሕፍቲ ፖፐር ይምርኮሱ ። ቅድሚ bootstrap.js popper.min.js ከተካትት ኣለካ ወይ ድማ
bootstrap.bundle.min.js
/ ክትጥቀም ኣለካ እዚ ድማ Popperbootstrap.bundle.js
ዝሓዘ እዩ ቱቲፕስ ንኽሰርሕ! - ጃቫስክሪፕትና
util.js
ካብ ምንጪ ትሃንጽ እንተኾንካ ፡ . - ምኽርታት መሳርሒታት ብናይ ኣፈጻጽማ ምኽንያታት ምምራጽ ስለዝኾኑ ባዕልኻ ክትጅምሮም ኣለካ .
- ዜሮ ንውሓት ዘለዎም ኣርእስታት ዘለዎም ምኽርታት መሳርሒታት ፈጺሞም ኣይርኣዩን እዮም።
container: 'body'
ኣብ ዝያዳ ዝተሓላለኹ ኣካላት (ከም ናይ ምእታው ጉጅለታትና፣ ናይ መጠወቒ ጉጅለታት ወዘተ) ጸገማት ምቕራብ ንኸይፍጠር ምግላጽ ።- ኣብ ሕቡእ ባእታታት ምኽሪ መሳርሒታት ምብጋስ ኣይሰርሕን እዩ።
- ምኽሪ መሳርሒታት ን
.disabled
ወይdisabled
ባእታታት ኣብ መጠቕለሊ ባእታ ክብገሱ ኣለዎም። - ካብ ብዙሓት መስመራት ዝሽፍኑ ሃይፐርሊንክታት ምስ ዝጅምር፡ ምኽርታት መሳርሒታት ኣብ ማእከል ክኾኑ እዮም። ካብዚ ባህሪ ንምውጋድ
white-space: nowrap;
ኣብ sካ ተጠቐም ።<a>
- ምኽሪ መሳርሒታት ቅድሚ ተዛመድቲ ባእታታቶም ካብ DOM ምእላይ ክሕብኡ ኣለዎም።
- ሳላ ኣብ ውሽጢ ጽላሎት DOM ዝርከብ ባእታ ምኽሪ መሳርሒታት ክብገሱ ይኽእሉ።
prefers-reduced-motion
ሚድያ ሕቶ ዝምርኮስ እዩ። ኣብቲ ናይ ተበጻሕነት ሰነድና ኣብቲ ዝተቐነሰ ምንቅስቓስ ዝብል ክፍሊ ርአ
።
እዚ ኩሉ ረኺብካዮ? ብሉጽ፡ ብገለ ኣብነታት ከመይ ከም ዝሰርሑ ንርአ።
ኣብነት፡ ኣብ ኩሉ ቦታ መሳርሒታት ምኽርታት ኣንቅሕ
ሓደ ካብቲ ኣብ ሓደ ገጽ ንዘሎ ኩሉ ምኽርታት መሳርሒታት ንምጅማር ዝሕግዝ መንገዲ ብባህርያቶም ምምራጽ ምኾነ data-toggle
፤
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
ኣብነታት
ምኽሪ መሳርሒታት ንምርኣይ ኣብዞም ኣብ ታሕቲ ዘለዉ ሊንክታት ምልክት ግበር፤
ገለ ናይ ውሽጢ መስመር መላግቦታት ምስ መሳርሒታት ምኽሪ ንምግላጽ ናይ ቦታ ጽሑፍ ። እዚ ሕጂ መመላእታ ጥራይ እዩ፣ ቀታሊ የለን። ኣብዚ ዝተቐመጠ ትሕዝቶ ህላወ ሓቀኛ ጽሑፍ ንምምሳል ጥራይ ’ ዩ ። እዚ ኩሉ ድማ ኣብ ናይ ሓቂ ዓለም ኩነታት ክጥቀሙ ከለዉ ምኽርታት መሳርሒታት ከመይ ከም ዝመስሉ ሓሳብ ንኽህበካ ጥራይ። ስለዚ ተስፋ ንገብር ሕጂ እዞም ኣብ ሊንክታት ዘለዉ መሳርሒታት ብኸመይ ብተግባር ክሰርሑ ከም ዝኽእሉ ርኢኹም ኣለኩም፣ ኣብ ናይ ገዛእ ርእስኹም መርበብ ሓበሬታ ወይ ፕሮጀክት ምስ ተጠቐምኩምዎም።
ኣብ ልዕሊ እቶም ኣብ ታሕቲ ዘለዉ መጠወቒታት ምልክት ብምግባር ነተን ኣርባዕተ ኣንፈታት መሳርሒታት ርአ፡ ማለት ላዕለዋይ፡ የማን፡ ታሕተዋይን ጸጋምን።
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
Tooltip on top
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
Tooltip on right
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
Tooltip on bottom
</button>
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
Tooltip on left
</button>
ከምኡ’ውን ምስ ብሕታዊ ኤችቲኤምኤል ዝተወሰኸ፤
<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
Tooltip with HTML
</button>
ኣጠቓቕማ
እቲ ናይ መሳርሒ ምኽሪ ፕላግ-ኢን ትሕዝቶን ምልክትን ብመሰረት ጠለብ የፍሪ፣ ብነባሪ ድማ ድሕሪ እቲ መበገሲ ባእታኦም መተሓሳሰቢ መሳርሒታት የቐምጥ።
ነቲ ናይ መሳርሒ ምኽሪ ብመንገዲ ጃቫስክሪፕት ኣበግሶ፤
$('#example').tooltip(options)
ምፍሳስን auto
...scroll
overflow: auto
መሳርሒ ምኽሪ ኣቀማምጣ ሓደ ወላዲ መትሓዚ ናትና ክህልዎ ወይ overflow: scroll
ክፈትዎ ከሎ ብኣውቶማቲክ ክቕየር ይፍትን .table-responsive
, ግን ሕጂ ውን ናይቲ መበቆላዊ ኣቀማምጣ ኣቀማምጣ ይሕሉ። ንምፍታሕ፡ ነቲ boundary
ኣማራጺ ካብ ነባሪ ዋጋ ወጻኢ ናብ ካልእ ዝኾነ ነገር ኣቐምጦ 'scrollParent'
፡ ፡ ከም 'window'
:
$('#example').tooltip({ boundary: 'window' })
ምልክት ምግባር
ንሓደ መሳርሒ ምኽሪ ዘድሊ ምልክት data
ባህሪ ጥራይ ኮይኑ title
ኣብቲ HTML ባእታ ምኽሪ መሳርሒ ክህልወካ ትደሊ። እቲ ዝፍጠር ምልክት ናይ ሓደ መሳርሒ ምኽሪ ምናልባት ቀሊል እዩ፣ ዋላ እኳ ቦታ ዝሓትት እንተኾነ (ብነባሪ፣ top
ብፕላግ-ኢን ናብ ዝተቐመጠ)።
ንተጠቀምቲ ቁልፊ ሰሌዳን ሓጋዚ ቴክኖሎጅን መሳርሒታት ዝሰርሑ ምግባር
ኣብ HTML ባእታታት ብባህሊ ኣብ ሰሌዳ ቁልፊ ዘተኮሩን መስተጋብራዊ ዝኾኑን (ከም መላግቦታት ወይ ቁጽጽር ቅጥዒ) ጥራይ እዩ ምኽርታት መሳርሒታት ክትውስኽ ዘለካ። ዋላ እኳ ፍቓደኛታት ኤችቲኤምኤል ባእታታት (ከም <span>
s) ነቲ ባህሪ ብምውሳኽ ትኹረት ዝገብሩ ክኾኑ እንተኽኣሉ tabindex="0"
፡ እዚ ንተጠቀምቲ ሰሌዳ ቁልፊ ኣብ ዘይመተሓላለፍቲ ባእታታት ከሕርቑን ከደናግሩን ዝኽእሉ ናይ ትብ ደውታታት ክውስኽ እዩ፡ መብዛሕትኦም ሓገዝቲ ቴክኖሎጂታት ድማ ኣብዚ እዋን እዚ ኣብዚ ኩነታት እዚ ነቲ ምኽሪ መሳርሒ ኣየፍልጡን እዮም። hover
ብተወሳኺ ፡ ንመሳርሒታትካ ከም መበገሲ ንመሳርሒኻ ጥራይ ኣይትጽጋዕ ፡ እዚ ንመሳርሒታትካ ንተጠቀምቲ ሰሌዳ ቁልፊ ንኽጅምር ዘይከኣል ይገብሮ።
<!-- HTML to write -->
<a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
<!-- Generated markup by the plugin -->
<div class="tooltip bs-tooltip-top" role="tooltip">
<div class="arrow"></div>
<div class="tooltip-inner">
Some tooltip text!
</div>
</div>
ስንኩላን ባእታታት
እቲ ባህሪ ዘለዎም ባእታታት disabled
መስተጋብራዊ ኣይኮኑን፣ ማለት ተጠቀምቲ ንሓደ መሳርሒ ምኽሪ (ወይ ፖፖቨር) ንምብጋስ ከተኩሩ፣ ክሕንብሱ፣ ወይ ጠዊቖም ክገብሩ ኣይክእሉን እዮም። ከም መፍትሒ፡ ነቲ ምኽሪ መሳርሒ ካብ መጠቕለሊ <div>
ወይ <span>
፡ ብዝበለጸ ፡ ተጠቒምካ ቁልፊ ሰሌዳ-ትኹረት ዝግበረሉ ጌርካ ክትጅምሮ ክትደሊ ኢኻ tabindex="0"
፡ ከምኡ’ውን ነቲ pointer-events
ኣብ ልዕሊ እቲ ዝተሰናኸለ ባእታ ክትሽፍኖ ትደሊ።
<span class="d-inline-block" tabindex="0" data-toggle="tooltip" title="Disabled tooltip">
<button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button>
</span>
ኣማራጺታት
ኣማራጺታት ብመንገዲ ዳታ ባህርያት ወይ ጃቫስክሪፕት ክሓልፉ ይኽእሉ። ንባህርያት ዳታ፡ ስም ኣማራጺ ናብ ምውሳኽ data-
፡ ከምቲ ኣብ data-animation=""
.
sanitize
,
sanitizeFn
ከምኡውን
whiteList
ኣማራጺታት ባህርያት ዳታ ተጠቒምካ ክቐርብ ከምዘይክእል ኣስተውዕል።
ሽም | ዓይነት | ትሑዝ | መግለፂ |
---|---|---|---|
ኣኒሜሽን ምግባር | ቡልያን ዝብል እዩ። | ሓቂ | ኣብቲ መሳርሒ ምኽሪ ናይ CSS ምድምሳስ ምስግጋር ተግባራዊ ግበር |
መትሓዚ | ሕብረ ቃላት | ባእታ | ሓሶት | ሓሶት | ነቲ ናይ መሳርሒ ምኽሪ ናብ ሓደ ፍሉይ ባእታ ይውስኾ። ኣብነት |
ምዝንጋዕ | ቁጽሪ | ግኡዝ ነገር | 0. | ምድንጓይ ምርኣይን ምሕባእን ናይ መሳርሒ ምኽሪ (ms) - ንዓይነት ማንዋል ትሪግር ኣይምልከትን እዩ። ቁጽሪ እንተተቐሪቡ፡ ምድንጓይ ኣብ ክልቲኡ ምሕባእ/ምርኣይ ይትግበር ኣቃውማ ኣቕሓ፤ |
html ዝብል ጽሑፍ ኣሎ። | ቡልያን ዝብል እዩ። | ሓሶት | ኣብቲ መሳርሒ ምኽሪ HTML ፍቐድ። ሓቂ እንተኾይኑ ኣብቲ tooltip's ዝርከቡ HTML tags ኣብቲ tooltip ብዛዕባ መጥቃዕቲ XSS እንተተጨኒቕካ ጽሑፍ ተጠቐም። |
ምምዳብ | ሕብረ ቃላት | ተግባር | 'ላዕለዋይ' | ከመይ ጌርና ን tooltip - auto | ላዕለዋይ ክፋል | ታሕተዋይ ክፋል | ጸጋም | ትኽክል. ሓደ ፋንክሽን ንኣቀማምጣ ንምውሳን ኣብ ዝጥቀመሉ እዋን፡ ቱልቲፕ DOM ኖድ ከም ቀዳማይ ሞጎተኡ፡ እቲ ትሪግሪንግ ኤለመንት DOM ኖድ ድማ ከም ካልኣይ ጌሩ ይጽዋዕ። እቲ |
መምረጺ | ሕብረ ቃላት | ሓሶት | ሓሶት | ሓደ መምረጺ እንተተዋሂቡ፡ ናይ መሳርሒ ምኽሪ ነገራት ናብቶም ዝተገልጹ ዕላማታት ክውከሉ እዮም። ብተግባር እዚ ንመሳርሒታት ኣብ ዳይናሚክ ዝተወሰኹ DOM elements ( jQuery.on support) እውን ንምትግባር ይጥቀመሉ። ነዚን መሃሪ ኣብነትን ርአ ። |
ቅጥዒ | ገመድ | '<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>' |
ንመሳርሒ ምኽሪ ክትፈጥር ከለኻ ክትጥቀመሉ እትደሊ HTML መሰረት ግበር። እቲ tooltip's
እቲ ደጋዊ ዝኾነ መጠቕለሊ ባእታ |
ርእሲ | ሕብረ ቃላት | ባእታ | ተግባር | '' ። |
ሓደ ፋንክሽን እንተተዋሂቡ |
ምልዕዓል | ገመድ | 'ሆቨር ፎኮስ' ዝብል ጽሑፍ ኣሎ። | ከመይ ጌሩ tooltip ይጅምር - | ጠውቕ hover | ትኹረት | ናይ ኢድ. ብዙሓት መበገሲታት ክትሓልፍ ትኽእል ኢኻ፤ ብነጥቢ ፍለዮም።
|
ኦፍሴት ዝበሃል ምዃኑ’ዩ። | ቁጽሪ | ሕብረ ቃላት | ተግባር | 0. | ምትዕርራይ ናይቲ መሳርሒ ምኽሪ ብተዛማዲ ምስቲ ዕላማኡ። ሓደ ፋንክሽን ነቲ ኦፍሴት ንምውሳን ኣብ ዝጥቀመሉ እዋን፡ ነቲ ኦፍሴት ዳታ ዝሓዘ ነገር ከም ቀዳማይ ምጉቱ ሒዙ ይጽዋዕ። እቲ ፋንክሽን ተመሳሳሊ ኣቃውማ ዘለዎ ነገር ክመልስ ኣለዎ። እቲ መበገሲ ባእታ DOM node ከም ካልኣይ ሞጎተ ይሓልፍ። ንዝያዳ ሓበሬታ ኣብ ፖፐር ኦፍሴት ዶክስ ተወከሱ ። |
fallbackምቕማጥ | ሕብረ ቃላት | ስርርዕ | 'መንገብገብ' | ፖፐር ኣብ ፎልባክ ኣየናይ ቦታ ከም ዝጥቀም ንምግላጽ ፍቐደሉ። ንዝያዳ ሓበሬታ ኣብ ፖፐር ናይ ባህሪ ዶክስ ተወከሱ |
customClass ዝብል ጽሑፍ ኣሎ። | ሕብረ ቃላት | ተግባር | '' ። | ኣብቲ መሳርሒ ምኽሪ ምስ ተራእየ ክፍልታት ምውሳኽ። እዞም ክፍልታት ኣብ ርእሲ ዝኾነ ኣብቲ ቅጥዒ ዝተገልጸ ክፍልታት ከም ዝውሰኹ ኣስተውዕል። ብዙሓት ክፍልታት ንምውሳኽ፡ ብነጥቢ ፍለዮም ብተወሳኺ ተወሳኺ ኣስማት ክፍሊ ዝሓዘ ሓደ ሕብረ ቃላት ክመልስ ዘለዎ ፋንክሽን ክትሓልፍ ትኽእል ኢኻ። |
ዶብ ምዃኑ’ዩ። | ሕብረ ቃላት | ባእታ | 'ስክሮልወላዲ'። | ናይ ምፍሳስ ደረት ዶብ ናይቲ መሳርሒ ምኽሪ። 'viewport' ናይ , 'window' , 'scrollParent' , ወይ ናይ HTMLElement መወከሲ ክብርታት ይቕበል (ጃቫስክሪፕት ጥራይ)። ንዝያዳ ሓበሬታ ኣብ ናይ ፖፐር preventOverflow docs ተወከሱ ። |
ሳኒታይዝ ምግባር | ቡልያን ዝብል እዩ። | ሓቂ | ነቲ ሳኒታይዜሽን ምኽኣል ወይ ምዕጻው። እንተተነቒሉን 'template' ኣማራጺታት 'title' ሳኒታይዝ ክግበረሎም እዩ። ኣብ ሰነድ ጃቫስክሪፕትና ዝርከብ ክፍሊ ሳኒታይዘር ርአ ። |
whiteList ዝብል ጽሑፍ ኣሎ። | ግኡዝ ነገር | ነባሪ ዋጋ | ዝተፈቕዱ ባህርያትን መለለዪታትን ዝሓዘ ነገር |
ሳኒታይዝ ምግባርFn | ባዶ | ተግባር | ከንቱ | ኣብዚ ናይ ባዕልኻ ሳኒታይዝ ፋንክሽን ከተቕርብ ትኽእል ኢኻ። እዚ ንጽሬት ንምፍጻም ውፉይ ቤተ-መጻሕፍቲ ክትጥቀም እንተደሊኻ ጠቓሚ ክኸውን ይኽእል። |
ፖፐርኮንፊግ | ባዶ | ግኡዝ ነገር | ከንቱ | ናይ ቡትስትራፕ ነባሪ ፖፐር ውቅር ንምቕያር ፡ ውቅር ፖፐር ርአ |
ንውልቃዊ ምኽርታት መሳርሒታት ዝኸውን ባህርያት ዳታ
ኣማራጺታት ንውልቃዊ ምኽርታት መሳርሒታት ብኣማራጺ ብመንገዲ ኣጠቓቕማ ባህርያት ዳታ ክግለጹ ይኽእሉ፣ ከምቲ ኣብ ላዕሊ ዝተገልጸ።
ኣገባባት
ዘይተመዓራረዩ ኣገባባትን ምስግጋራትን።
ኩሎም ናይ ኤፒኣይ ሜላታት ዘይተመዓራረዩ ኮይኖም ምስግጋር ይጅምሩ ። እቲ ምስግጋር ምስ ተጀመረ ግን ከኣ ቅድሚ ምውድኡ ናብቲ ደዋሊ ይምለሱ ። ብተወሳኺ፡ ኣብ ሓደ መሰጋገሪ ኣካል ዝግበር ናይ ሜላ ጻውዒት ዕሽሽ ክበሃል እዩ .
$().tooltip(options)
ንሓደ ናይ መሳርሒ ምኽሪ መትሓዚ ምስ ሓደ ናይ ባእታ እኽብካብ የተሓሕዞ።
.tooltip('show')
ናይ ሓደ ባእታ መሳርሒ ምኽሪ ይገልጽ። ቅድሚ እቲ መሳርሒ ምኽሪ ብጭቡጥ ምርኣይ (ማለት ቅድሚ እቲ shown.bs.tooltip
ፍጻመ ምፍጣሩ) ናብቲ ደዋሊ ይምለስ። እዚ ከም “ብኢድ” ምብጋስ ናይቲ መሳርሒ ምኽሪ ይቑጸር። ዜሮ ንውሓት ዘለዎም ኣርእስታት ዘለዎም ምኽርታት መሳርሒታት ፈጺሞም ኣይርኣዩን እዮም።
$('#element').tooltip('show')
.tooltip('hide')
ናይ ሓደ ባእታ መሳርሒ ምኽሪ ይሓብእ። ቅድሚ እቲ መሳርሒ ምኽሪ ብጭቡጥ ምሕባኡ (ማለት ቅድሚ እቲ hidden.bs.tooltip
ፍጻመ ምፍጣሩ) ናብቲ ደዋሊ ይምለስ። እዚ ከም “ብኢድ” ምብጋስ ናይቲ መሳርሒ ምኽሪ ይቑጸር።
$('#element').tooltip('hide')
.tooltip('toggle')
ናይ ሓደ ባእታ መሳርሒ ምኽሪ ይቕይሮ። ቅድሚ እቲ መሳርሒ ምኽሪ ብጭቡጥ ምርኣይ ወይ ምሕባኡ (ማለት ቅድሚ እቲ shown.bs.tooltip
ወይ hidden.bs.tooltip
ፍጻመ ምፍጣሩ) ናብቲ ደዋሊ ይምለስ። እዚ ከም “ብኢድ” ምብጋስ ናይቲ መሳርሒ ምኽሪ ይቑጸር።
$('#element').tooltip('toggle')
.tooltip('dispose')
ናይ ሓደ ባእታ መሳርሒ ምኽሪ ይሓብኦን የጥፍኦን። ውክልና ዝጥቀሙ ምኽርታት መሳርሒታት ( እቲ selector
ኣማራጺ ተጠቒሞም ዝፍጠሩ ) ኣብ ዘርኢ መበገሲ ባእታታት ብውልቂ ክጠፍኡ ኣይክእሉን።
$('#element').tooltip('dispose')
.tooltip('enable')
ናይ ሓደ ባእታ tooltip ናይ ምርኣይ ዓቕሚ ይህቦ። ምኽሪ መሳርሒታት ብነባሪ ይንቀሳቐሱ።
$('#element').tooltip('enable')
.tooltip('disable')
ናይ ሓደ ባእታ መሳርሒ ምኽሪ ንኽርአ ዘለዎ ዓቕሚ የወግድ። እቲ መሳርሒ ምኽሪ ዳግማይ ምስ ዝኽፈት ጥራይ እዩ ክረአ ዝኽእል።
$('#element').tooltip('disable')
.tooltip('toggleEnabled')
ናይ ሓደ ባእታ መሳርሒ ምኽሪ ንኽርአ ወይ ንኽሕባእ ዘለዎ ዓቕሚ ይቕይሮ።
$('#element').tooltip('toggleEnabled')
.tooltip('update')
ናይ ሓደ ባእታ መሳርሒ ምኽሪ ኣቀማምጣ የዘምን።
$('#element').tooltip('update')
ፍጻሜታት
ዓይነት ፍጻመ | መግለፂ |
---|---|
show.bs.tooltip ዝብል ጽሑፍ ኣሎ። | show እዚ ፍጻመ እዚ እቲ ናይ ምሳሌ ሜላ ምስ ዝጽዋዕ ብቕጽበት ይትኩስ ። |
shown.bs.tooltip ዝብል ጽሑፍ ኣሎ። | እዚ ፍጻመ ዝትኮስ እቲ ምኽሪ መሳርሒ ንተጠቃሚ ርኡይ ምስ ዝኸውን እዩ (CSS ምስግጋራት ክሳብ ዝዛዘም ክጽበ እዩ)። |
hide.bs.tooltip ዝብል ጽሑፍ ኣሎ። | እዚ ፍጻመ እዚ እቲ ናይ hide ምሳሌ ሜላ ምስ ተጸውዐ ብቕጽበት ይትኮስ። |
hidden.bs.tooltip ዝብል ጽሑፍ ኣሎ። | እዚ ፍጻመ እዚ እቲ መሳርሒ ምኽሪ ካብ ተጠቃሚ ምሕባእ ምስ ወድአ እዩ ዝትኮስ (ምስግጋር CSS ክሳብ ዝዛዘም ክጽበ እዩ)። |
inserted.bs.tooltip ዝብል ጽሑፍ ኣሎ። | እዚ ፍጻመ ድሕሪ እቲ show.bs.tooltip ፍጻመ ዝትኮስ እቲ ናይ መሳርሒ ምኽሪ ቅጥዒ ናብ DOM ምስ ተወሰኸ እዩ። |
$('#myTooltip').on('hidden.bs.tooltip', function () {
// do something...
})