ꯄꯣꯄꯣꯚꯔꯁꯤꯡ꯫

ꯅꯍꯥꯛꯀꯤ ꯁꯥꯏꯇꯇꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯗꯥ iOSꯗꯥ ꯐꯪꯂꯤꯕꯥ ꯑꯗꯨꯒꯨꯝꯅꯥ Bootstrap popovers ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯈꯨꯗꯃꯁꯤꯡ꯫

ꯑꯣꯚꯔꯚꯤꯌꯨ ꯇꯧꯕꯥ꯫

ꯄꯣꯄꯑꯣꯚꯔ ꯄ꯭ꯂꯒꯏꯟ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯈꯪꯖꯤꯅꯒꯗꯕꯥ ꯋꯥꯐꯃꯁꯤꯡ:

ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯳ꯁꯨꯕꯥ ꯄꯥꯔꯇꯤ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ Popper.jsꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯝꯂꯤ꯫ ꯅꯍꯥꯛꯅꯥ bootstrap.jsꯒꯤ ꯃꯃꯥꯡꯗꯥ popper.min.js ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ ꯅꯠꯠꯔꯒꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯅꯥ ꯊꯕꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ Popper.js ꯌꯥꯑꯣꯕꯥ bootstrap.bundle.min.js/ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ!bootstrap.bundle.js
ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯅꯥ ꯇꯨꯂꯇꯤꯞ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯗꯤꯄꯦꯟꯗꯦꯟꯁ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯁꯣꯔꯁꯇꯒꯤ ꯁꯦꯃꯒꯠꯂꯕꯗꯤ, ꯃꯁꯤꯗꯥutil.js .
ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯄꯔꯐꯣꯃꯦꯟꯁꯀꯤ ꯃꯔꯃꯁꯤꯡꯅꯥ ꯑꯣꯄꯁꯟ ꯇꯧꯏ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌ ꯃꯁꯥꯅꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯒꯗꯕꯅꯤ .
ꯖꯤꯔꯣ-ꯂꯦꯡꯗꯕꯥ titleꯑꯃꯁꯨꯡ contentꯚꯦꯜꯌꯨꯁꯤꯡꯅꯥ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯎꯠꯂꯣꯏ꯫
container: 'body'ꯍꯦꯟꯅꯥ ꯀꯝꯞꯂꯦꯛꯁ ꯑꯣꯏꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯗꯥ (ꯑꯩꯈꯣꯌꯒꯤ ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡ, ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ, ꯑꯁꯤꯅꯆꯤꯡꯕꯥ) ꯔꯦꯟꯗꯔ ꯇꯧꯕꯒꯤ ꯁꯃꯁ꯭ꯌꯥꯁꯤꯡ ꯊꯤꯡꯅꯕꯥ ꯇꯥꯀꯄꯤꯌꯨ꯫
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯅꯥ ꯊꯕꯛ ꯇꯧꯔꯣꯏ꯫
ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯐꯣꯔ .disabledꯅꯠꯠꯔꯒꯥ disabledꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯔꯦꯄꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯒꯗꯕꯅꯤ꯫
ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯂꯥꯏꯅꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯀꯨꯄꯁꯤꯜꯂꯕꯥ ꯑꯦꯉ꯭ꯀꯔꯁꯤꯡꯗꯒꯤ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯉ꯭ꯀꯔꯁꯤꯡꯒꯤ ꯑꯄꯨꯅꯕꯥ ꯄꯥꯀꯆꯥꯎꯕꯒꯤ ꯃꯔꯛꯇꯥ ꯁꯦꯟꯇꯔ ꯇꯧꯒꯅꯤ꯫ ꯂꯃꯆꯠ-ꯁꯥꯖꯠ ꯑꯁꯤꯗꯒꯤ ꯉꯥꯀꯊꯣꯛꯅꯕꯥ .text-nowrapꯅꯍꯥꯛꯀꯤ s ꯗꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫<a>
ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯗꯨ ꯗꯤ.ꯑꯣ.ꯑꯦꯝ.ꯗꯒꯤ ꯂꯧꯊꯣꯛꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯂꯣꯠꯁꯤꯅꯒꯗꯕꯅꯤ꯫
ꯁꯦꯗꯣꯡ ꯗꯤ.ꯑꯣ.ꯑꯦꯝ.ꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯁꯤꯒꯤ ꯑꯦꯅꯤꯃꯦꯁꯟ ꯏꯐꯦꯛꯇ ꯑꯁꯤ prefers-reduced-motionꯃꯦꯗꯤꯌꯥ ꯀ꯭ꯕꯦꯔꯤꯒꯤ ꯃꯈꯥ ꯄꯣꯜꯂꯤ꯫ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯦꯛꯁꯦꯁꯤꯕꯤꯂꯤꯇꯤ ꯗꯣꯀꯨꯃꯦꯟꯇꯦꯁꯅꯒꯤ ꯍꯟꯊꯔꯀꯄꯥ ꯃꯣꯁꯟ ꯁꯦꯛꯁꯟ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ .

ꯈꯨꯗꯝ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯅꯥ ꯀꯔꯝꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯃꯈꯥ ꯇꯥꯅꯥ ꯄꯥꯕꯤꯌꯨ꯫

ꯈꯨꯗꯝ: ꯃꯐꯝ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯏꯅꯦꯕꯜ ꯇꯧꯕꯥ꯫

data-toggleꯄꯦꯖ ꯑꯃꯗꯥ ꯄꯣꯄꯣꯚꯔ ꯄꯨꯝꯅꯃꯛ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯃꯗꯤ ꯃꯈꯣꯌꯒꯤ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯀꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯈꯅꯕꯅꯤ :

$(function () {
  $('[data-toggle="popover"]').popover()
})

ꯈꯨꯗꯝ: `container`ꯑꯣꯄꯁꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

ꯄꯣꯄꯣꯚꯔ ꯑꯃꯗꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯕꯥ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯈꯔꯥ ꯂꯩꯕꯥ ꯃꯇꯃꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯀꯁ꯭ꯇꯝ ꯑꯃꯥ ꯇꯥꯀꯄꯥ ꯄꯥꯝꯂꯒꯅꯤ containerꯃꯗꯨꯅꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯄꯣꯄꯣꯚꯔꯒꯤ HTML ꯑꯗꯨ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ꯫

$(function () {
  $('.example-popover').popover({
    container: 'body'
  })
})

ꯈꯨꯗꯝ

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

ꯃꯥꯏꯀꯩ ꯃꯔꯤ꯫

ꯑꯣꯄꯁꯟ ꯃꯔꯤ ꯂꯩ: ꯃꯊꯛ, ꯑꯔꯣꯏꯕꯥ, ꯃꯈꯥꯗꯥ, ꯑꯃꯁꯨꯡ ꯂꯦꯞꯇꯅꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ꯫

<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on top
</button>

<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on right
</button>

<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on bottom
</button>

<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on left
</button>

ꯃꯊꯪꯒꯤ ꯀ꯭ꯂꯤꯛ ꯑꯗꯨꯗꯥ ꯗꯤꯁꯃꯤꯁ ꯇꯧꯔꯣ꯫

focusꯇꯣꯒꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯒꯤ ꯇꯣꯉꯥꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯌꯨꯖꯔꯒꯤ ꯃꯊꯪꯒꯤ ꯀ꯭ꯂꯤꯛ ꯑꯗꯨꯗꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯊꯥꯗꯣꯛꯅꯕꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯗꯤꯁꯃꯤꯁ-ꯑꯣꯟ-ꯅꯦꯛꯁꯠ-ꯀ꯭ꯂꯤꯀꯀꯤꯗꯃꯛꯇꯥ ꯑꯀꯛꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯑꯆꯨꯝꯕꯥ ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯃꯁꯨꯡ ꯀ꯭ꯔꯣꯁ-ꯄ꯭ꯂꯦꯠꯐꯣꯔꯝ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯀꯤꯗꯃꯛ, ꯅꯍꯥꯛꯅꯥ ꯇꯦꯒ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯔꯣꯏꯗꯕꯅꯤ, ꯇꯦꯒ ꯑꯗꯨ<a> ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ , ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯃꯁꯨ ꯌꯥꯑꯣꯒꯗꯕꯅꯤ꯫<button>tabindex

ꯗꯤꯁꯃꯤꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯄꯣꯄꯣꯚꯔ꯫

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>

$('.popover-dismiss').popover({
  trigger: 'focus'
})

ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ꯫

ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ disabledꯑꯁꯤ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯑꯣꯏꯗꯦ, ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ ꯌꯨꯖꯔꯁꯤꯡꯅꯥ ꯄꯣꯄꯑꯣꯚꯔ (ꯅꯠꯠꯔꯒꯥ ꯇꯨꯂꯇꯤꯞ) ꯑꯃꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯅꯕꯥ ꯍꯣꯚꯔ ꯇꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯥ ꯌꯥꯗꯦ꯫ ꯋꯥꯔꯀꯔꯎꯟꯗ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯔꯦꯄꯔ ꯑꯃꯗꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ <div>ꯅꯠꯠꯔꯒꯥ ꯑꯃꯁꯨꯡ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ <span>ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫pointer-events

ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯄꯣꯄꯣꯚꯔ ꯇ꯭ꯔꯤꯒꯔꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯅꯍꯥꯛꯀꯤ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯈꯨꯗꯛꯀꯤ ꯑꯣꯏꯕꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯐꯤꯗꯕꯦꯛ ꯑꯣꯏꯅꯥ ꯎꯕꯥ ꯐꯪꯍꯅꯕꯥ ꯍꯥꯌꯕꯁꯤꯁꯨ ꯄꯥꯝꯂꯕꯁꯨ ꯌꯥꯏ data-trigger="hover"ꯃꯔꯃꯗꯤ ꯃꯈꯣꯌꯅꯥ ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯀ꯭ꯂꯤꯛ ꯇꯧꯒꯅꯤ ꯍꯥꯌꯅꯥ ꯊꯥꯖꯗꯕꯥ ꯌꯥꯏ꯫

<span class="d-inline-block" data-toggle="popover" data-content="Disabled popover">
  <button class="btn btn-primary" style="pointer-events: none;" type="button" disabled>Disabled button</button>
</span>

ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯣꯄꯑꯣꯚꯔꯁꯤꯡ ꯏꯅꯦꯕꯜ ꯇꯧꯕꯥ:

$('#example').popover(options)

ꯖꯤ.ꯄꯤ.ꯌꯨ.ꯒꯤ ꯑꯦꯛꯁꯤꯂꯦꯁꯟ ꯇꯧꯕꯥ꯫

ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ GPU ꯑꯦꯛꯁꯤꯂꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯃꯣꯗꯤꯐꯥꯏꯗ ꯁꯤꯁ꯭ꯇꯦꯝ DPI ꯑꯃꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯋꯤꯟꯗꯣꯖ 10 ꯗꯤꯚꯥꯏꯁꯁꯤꯡꯗꯥ ꯕ꯭ꯂꯔ ꯑꯣꯏꯅꯥ ꯎꯕꯥ ꯐꯪꯏ꯫ v4ꯗꯥ ꯃꯁꯤꯒꯤꯗꯃꯛꯇꯥ ꯋꯥꯔꯀꯔꯎꯟꯗ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯗꯥ ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ GPU ꯑꯦꯛꯁꯤꯂꯦꯁꯟ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯕꯅꯤ꯫

ꯁꯖꯦꯁ꯭ꯠ ꯇꯧꯔꯕꯥ ꯐꯤꯛꯁ ꯇꯧꯕꯥ:

Popper.Defaults.modifiers.computeStyle.gpuAcceleration = !(window.devicePixelRatio < 1.5 && /Win/.test(navigator.platform))

ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯀꯤꯕꯣꯔꯗ ꯑꯃꯁꯨꯡ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯊꯕꯛ ꯑꯣꯏꯅꯥ ꯄꯥꯡꯊꯣꯀꯄꯥ꯫

ꯀꯤꯕꯣꯔꯗ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯄꯣꯄꯑꯣꯚꯔꯁꯤꯡ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯕꯥ ꯌꯥꯍꯟꯅꯕꯥ, ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯇ꯭ꯔꯦꯗꯤꯁꯅꯦꯜ ꯑꯣꯏꯅꯥ ꯀꯤꯕꯣꯔꯗ-ꯐꯣꯀꯁ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯑꯃꯁꯨꯡ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ (ꯂꯤꯉ꯭ꯛ ꯅꯠꯠꯔꯒꯥ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯨꯝꯕꯥ) HTML ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯀꯗꯕꯅꯤ꯫ <span>ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯑꯔꯕꯤꯠꯔꯦꯔꯤ HTML ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ( sꯒꯨꯝꯕꯥ) ꯐꯣꯀꯁ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯑꯣꯏꯍꯅꯕꯥ ꯌꯥꯏ tabindex="0", ꯃꯁꯤꯅꯥ ꯀꯤꯕꯣꯔꯗ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯅꯟ-ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯄꯣꯇꯦꯟꯁꯤꯌꯦꯜ ꯑꯣꯏꯕꯥ ꯅꯨꯡꯉꯥꯏꯇꯕꯥ ꯑꯃꯁꯨꯡ ꯋꯥꯈꯜ ꯋꯥꯕꯥ ꯇꯦꯕ ꯁ꯭ꯇꯣꯄꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯒꯅꯤ, ꯑꯃꯁꯨꯡ ꯑꯌꯥꯝꯕꯥ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯅꯥ ꯍꯧꯖꯤꯛ ꯐꯤꯚꯝ ꯑꯁꯤꯗꯥ ꯄꯣꯄꯣꯚꯔꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯂꯥꯎꯊꯣꯛꯇꯦ꯫ . ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯅꯍꯥꯛꯀꯤ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯣꯏꯅꯥ ꯈꯛꯇꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯃꯒꯅꯨ hover, ꯃꯔꯃꯗꯤ ꯃꯁꯤꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯀꯤꯕꯣꯔꯗ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ ꯉꯃꯍꯜꯂꯣꯏ꯫

ꯑꯗꯣꯝꯅꯥ ꯑꯣꯄꯁꯟ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯗꯥ ꯔꯤꯆ, ꯁ꯭ꯠꯔꯀꯆꯔꯦꯜ HTML ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯏ html, ꯑꯗꯨꯕꯨ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯗꯣꯃꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯌꯥꯝꯅꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯗꯅꯕꯥ ꯀꯟꯅꯥ ꯇꯀꯁꯤꯜꯂꯤ꯫ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯅꯥ ꯍꯧꯖꯤꯛ ꯊꯕꯛ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯁꯤ, ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯃꯈꯣꯌꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ aria-describedbyꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯥ ꯇꯤꯡꯏ꯫ ꯃꯁꯤꯒꯤ ꯃꯍꯩ ꯑꯣꯏꯅꯥ ꯄꯣꯄꯣꯚꯔꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯗꯥ ꯁꯥꯡꯂꯕꯥ, ꯂꯦꯞꯄꯥ ꯂꯩꯇꯅꯥ ꯁ꯭ꯠꯔꯤꯝ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯂꯥꯎꯊꯣꯛꯀꯅꯤ꯫

ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯅꯍꯥꯛꯀꯤ ꯄꯣꯄꯣꯚꯔꯗꯥ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ (ꯐꯣꯔꯝ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯨꯝꯕꯥ)ꯁꯨ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯌꯥꯏ (ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ whiteListꯅꯠꯠꯔꯒꯥ ꯑꯌꯥꯕꯥ ꯄꯤꯔꯕꯥ ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯇꯦꯒꯁꯤꯡꯗꯥ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ), ꯍꯧꯖꯤꯛꯀꯤ ꯑꯣꯏꯅꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯁꯤꯅꯥ ꯀꯤꯕꯣꯔꯗ ꯐꯣꯀꯁ ꯑꯣꯔꯗꯔ ꯃꯦꯅꯦꯖ ꯇꯧꯗꯦ ꯍꯥꯌꯕꯥ ꯈꯉꯕꯤꯌꯨ꯫ ꯀꯤꯕꯣꯔꯗ ꯌꯨꯖꯔ ꯑꯃꯅꯥ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯃꯥ ꯍꯥꯡꯗꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ, ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯂꯤ, ꯑꯃꯁꯨꯡ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨꯅꯥ ꯃꯍꯧꯁꯥꯅꯥ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯁ꯭ꯠꯔꯀꯆꯔꯗꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯗꯨ ꯈꯨꯗꯛꯇꯥ ꯇꯨꯡ ꯏꯟꯗꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ, ꯃꯥꯡꯂꯣꯃꯗꯥ ꯆꯪꯁꯤꯅꯕꯥ/ꯄ꯭ꯔꯦꯁ ꯇꯧꯕꯒꯤ ꯒ꯭ꯌꯥꯔꯦꯟꯇꯤ ꯂꯩꯇꯦ꯫TABꯀꯤꯕꯣꯔꯗ ꯌꯨꯖꯔ ꯑꯃꯥ ꯄꯣꯄꯑꯣꯚꯔ ꯃꯁꯥꯃꯛꯇꯗꯥ ꯄꯨꯔꯛꯀꯅꯤ꯫ ꯋꯥꯍꯪ ꯑꯃꯗꯥ ꯍꯥꯌꯔꯕꯗꯥ, ꯄꯣꯄꯣꯚꯔ ꯑꯃꯗꯥ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯈꯛꯇꯅꯥ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯑꯁꯤ ꯀꯤꯕꯣꯔꯗ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯌꯧꯕꯥ ꯉꯃꯗꯕꯥ/ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯗꯕꯥ ꯑꯣꯏꯍꯅꯕꯥ ꯌꯥꯏ, ꯅꯠꯠꯔꯒꯥ ꯌꯥꯃꯗ꯭ꯔꯕꯗꯥ ꯂꯣꯖꯤꯀꯦꯜ ꯑꯣꯏꯗꯕꯥ ꯑꯄꯨꯅꯕꯥ ꯐꯣꯀꯁ ꯑꯣꯔꯗꯔ ꯑꯃꯥ ꯑꯣꯏꯍꯅꯕꯥ ꯌꯥꯏ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯀꯦꯁꯁꯤꯡ ꯑꯁꯤꯗꯥ, ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯃꯣꯗꯦꯜ ꯗꯥꯏꯑꯦꯂꯣꯒ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯈꯟꯅꯕꯤꯌꯨ꯫

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-, data-animation="".

ꯁꯦꯛꯌꯨꯔꯤꯇꯤꯒꯤ ꯃꯔꯃꯁꯤꯡꯅꯥ sanitize, sanitizeFnꯑꯃꯁꯨꯡ whiteListꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯁꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯗꯦ ꯍꯥꯌꯕꯥ ꯈꯉꯖꯤꯅꯕꯤꯌꯨ.

ꯃꯤꯡ	ꯃꯈꯜ	ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ	ꯋꯥꯔꯣꯜ
ꯑꯦꯅꯤꯃꯦꯁꯟ ꯇꯧꯕꯥ꯫	ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫	ꯑꯆꯨꯝꯕ	ꯄꯣꯄꯣꯚꯔꯗꯥ CSS ꯐꯦꯗ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫
ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫	ꯁ꯭ꯠꯔꯤꯡ \| ꯑꯦꯂꯤꯃꯦꯟꯇ \| ꯑꯔꯥꯟꯕ	ꯑꯔꯥꯟꯕ	ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯑꯦꯄꯦꯟꯗ ꯇꯧꯏ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: `container: 'body'`. ꯑꯣꯄꯁꯟ ꯑꯁꯤ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯀꯥꯟꯅꯩ ꯃꯔꯃꯗꯤ ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯅꯥꯛꯇꯥ ꯂꯩꯕꯥ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯐ꯭ꯂꯣꯗꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ - ꯃꯁꯤꯅꯥ ꯎꯏꯟꯗꯣ ꯔꯤꯁꯥꯏꯖ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯒꯤ ꯂꯥꯞꯅꯥ ꯂꯥꯞꯅꯥ ꯆꯠꯄꯥ ꯊꯤꯡꯒꯅꯤ꯫
ꯑꯌꯥꯎꯕ	ꯁ꯭ꯠꯔꯤꯡ \| ꯑꯦꯂꯤꯃꯦꯟꯇ \| ꯃꯊꯧ	'' .	`data-content`ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯂꯩꯠꯔꯕꯗꯤ ꯗꯤꯐꯣꯜꯇ ꯀꯟꯇꯦꯟꯇ ꯚꯦꯜꯌꯨ . `this`ꯀꯔꯤꯒꯨꯝꯕꯥ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯃꯁꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯑꯦꯇꯦꯆ ꯇꯧꯔꯤꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯃꯁꯤꯒꯤ ꯔꯦꯐꯥꯔꯦꯟꯁ ꯁꯦꯠ ꯇꯧꯗꯨꯅꯥ ꯀꯧꯒꯅꯤ꯫
ꯊꯦꯡꯊꯕ	ꯃꯁꯤꯡ \| ꯄꯣꯠꯂꯝ	꯰	ꯄꯣꯄꯣꯚꯔ (ms) ꯎꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯊꯦꯡꯊꯕꯥ - ꯃꯦꯅꯨꯑꯦꯜ ꯇ꯭ꯔꯤꯒꯔ ꯃꯈꯜ ꯑꯗꯨꯗꯥ ꯆꯠꯅꯔꯣꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯝꯕꯔ ꯑꯃꯥ ꯁꯞꯂꯥꯏ ꯇꯧꯔꯕꯗꯤ, ꯂꯣꯠꯄꯥ/ꯁꯣ ꯑꯅꯤꯃꯛꯇꯥ ꯊꯦꯡꯊꯕꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯏ꯫ ꯑꯣꯕꯖꯦꯛꯇ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤꯅꯤ:`delay: { "show": 500, "hide": 100 }`
html ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯔꯤ꯫	ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫	ꯑꯔꯥꯟꯕ	ꯄꯣꯄꯣꯚꯔꯗꯥ HTML ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯔꯥꯅꯕꯥ ꯑꯣꯏꯔꯕꯗꯤ, jQueryꯒꯤ `text`ꯃꯦꯊꯗ ꯑꯁꯤ DOMꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ XSS ꯑꯦꯇꯦꯀꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯇꯥꯔꯕꯗꯤ ꯇꯦꯛꯁꯠ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫	ꯁ꯭ꯠꯔꯤꯡ \| ꯃꯊꯧ	'ꯆꯨꯝꯃꯤ'	ꯄꯣꯄꯣꯚꯔ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯒꯅꯤ - ꯑꯣꯇꯣ \| ꯃꯊꯛꯇꯥ ꯂꯩꯕꯥ \| ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ \| ꯂꯦꯃꯍꯧꯔꯤꯕꯥ \| ꯆꯨꯝꯃꯤ. ꯁ꯭ꯄꯦꯁꯤꯐꯥꯏ ꯇꯧꯔꯕꯥ ꯃꯇꯃꯗꯥ `auto`, ꯃꯁꯤꯅꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯑꯣꯔꯤꯑꯦꯟꯇꯦꯠ ꯇꯧꯒꯅꯤ꯫ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯅꯥ ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯁꯤ ꯄꯣꯄꯣꯚꯔ DOM ꯅꯣꯗ ꯑꯁꯤ ꯃꯁꯤꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯣꯏꯅꯥ ꯑꯃꯁꯨꯡ ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ DOM ꯅꯣꯗ ꯑꯁꯤ ꯑꯅꯤꯁꯨꯕꯥ ꯑꯣꯏꯅꯥ ꯀꯧꯏ꯫ ꯀꯟꯇꯦꯛꯁ ꯑꯁꯤ `this`ꯄꯣꯄꯣꯚꯔ ꯏꯟꯁꯇꯦꯟꯁꯇꯥ ꯁꯦꯠ ꯇꯧꯏ꯫
ꯁꯦꯂꯦꯛꯇꯔ ꯑꯣꯏꯕꯥ꯫	ꯁ꯭ꯠꯔꯤꯡ \| ꯑꯔꯥꯟꯕ	ꯑꯔꯥꯟꯕ	ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯄꯣꯄꯣꯚꯔ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯇꯥꯔꯒꯦꯇꯁꯤꯡꯗꯥ ꯁꯤꯟꯅꯒꯅꯤ꯫ ꯆꯠꯅꯕꯤꯗꯥ, ꯃꯁꯤ ꯗꯥꯏꯅꯥꯃꯤꯛ HTML ꯀꯟꯇꯦꯟꯇ ꯄꯣꯄꯑꯣꯚꯔꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯍꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯁꯤ ꯑꯃꯁꯨꯡ ꯏꯅꯐꯣꯔꯃꯦꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯈꯨꯗꯝ ꯑꯃꯥ ꯌꯦꯡꯕꯤꯌꯨ .
ꯇꯦꯃꯞꯂꯦꯠ ꯑꯃꯥ꯫	ꯄꯔꯦꯡ	`'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'`	ꯄꯣꯄꯑꯣꯚꯔ ꯁꯦꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ HTML ꯕꯦꯖ ꯇꯧꯕꯥ꯫ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ `title`ꯑꯁꯤ ꯏꯅꯖꯦꯀꯁꯟ ꯇꯧꯒꯅꯤ `.popover-header`. ꯄꯣꯄꯣꯚꯔꯁꯤꯡ `content`ꯑꯁꯤ ꯏꯅꯖꯦꯀꯁꯟ ꯇꯧꯒꯅꯤ `.popover-body`. `.arrow`ꯄꯣꯄꯣꯚꯔꯒꯤ ꯇꯤꯔ ꯑꯣꯏꯔꯒꯅꯤ꯫ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯂꯩꯕꯥ ꯔꯦꯄꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ `.popover`ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯂꯩꯒꯗꯕꯅꯤ꯫
ꯃꯤꯡꯊꯣꯜ	ꯁ꯭ꯠꯔꯤꯡ \| ꯑꯦꯂꯤꯃꯦꯟꯇ \| ꯃꯊꯧ	'' .	`title`ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯂꯩꯠꯔꯕꯗꯤ ꯗꯤꯐꯣꯜꯇ ꯇꯥꯏꯇꯜ ꯚꯦꯜꯌꯨ . `this`ꯀꯔꯤꯒꯨꯝꯕꯥ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯃꯁꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯑꯦꯇꯦꯆ ꯇꯧꯔꯤꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯃꯁꯤꯒꯤ ꯔꯦꯐꯥꯔꯦꯟꯁ ꯁꯦꯠ ꯇꯧꯗꯨꯅꯥ ꯀꯧꯒꯅꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕ ꯑꯃ ꯊꯣꯛꯍꯟꯕ	ꯄꯔꯦꯡ	‘ꯀ꯭ꯂꯤꯛ’ ꯇꯧꯕꯥ꯫	ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯁꯤ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯒꯦ - ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯤꯌꯨ \| ꯍꯣꯚꯔ ꯇꯧꯕꯥ \| ꯐꯣꯀꯁ ꯇꯧꯕꯥ \| ꯏꯁꯥꯅ ꯄꯥꯉꯡꯣꯡꯄ. ꯅꯍꯥꯛꯅꯥ ꯃꯜꯇꯤꯄꯜ ꯇ꯭ꯔꯤꯒꯔꯁꯤꯡ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ; ꯃꯈꯣꯌꯕꯨ ꯁ꯭ꯄꯦꯁ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯣꯈꯥꯌꯅꯥ ꯊꯝꯃꯨ꯫ `manual`ꯑꯇꯣꯞꯄꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯃꯒꯥ ꯄꯨꯅꯁꯤꯅꯕꯥ ꯌꯥꯗꯦ꯫
ꯑꯣꯐꯁꯦꯠ ꯇꯧꯕꯥ꯫	ꯃꯁꯤꯡ \| ꯄꯔꯦꯡ	꯰	ꯃꯁꯤꯒꯤ ꯄꯥꯟꯗꯝ ꯑꯗꯨꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯄꯣꯄꯣꯚꯔꯒꯤ ꯑꯣꯐꯁꯦꯠ꯫ ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ Popper.jsꯒꯤ ꯑꯣꯐꯁꯦꯠ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ .
fallbackꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫	ꯁ꯭ꯠꯔꯤꯡ \| ꯑꯦꯔꯦ ꯇꯧꯕꯥ꯫	'ꯑꯣꯟꯊꯣꯛꯄ'	ꯐꯣꯜꯕꯦꯀꯇꯥ ꯄꯣꯄꯔꯅꯥ ꯀꯔꯝꯕꯥ ꯄꯣꯖꯤꯁꯟ ꯁꯤꯖꯤꯟꯅꯒꯅꯤ ꯍꯥꯌꯕꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯑꯌꯥꯕꯥ ꯄꯤꯌꯨ꯫ ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ Popper.jsꯒꯤ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯀꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯉꯃꯈꯩꯗꯥ ꯂꯩ꯫	ꯁ꯭ꯠꯔꯤꯡ \| ꯄꯣꯠꯂꯝ	‘ꯁ꯭ꯛꯔꯣꯂꯄꯦꯔꯦꯟꯇ’ ꯑꯁꯤꯅꯤ꯫	ꯄꯣꯄꯣꯚꯔꯒꯤ ꯑꯣꯚꯔꯐ꯭ꯂꯣ ꯀꯟꯠꯔꯣꯜ ꯉꯃꯈꯩ꯫ `'viewport'`, `'window'`, `'scrollParent'`, ꯅꯠꯠꯔꯒꯥ HTMLElement ꯔꯦꯐꯥꯔꯦꯟꯁ ꯑꯃꯒꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ (ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯈꯛꯇꯃꯛ) ꯌꯥꯔꯦ. ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ Popper.jsꯒꯤ preventOverflow docs ꯌꯦꯡꯕꯤꯌꯨ .
ꯁꯦꯅꯤꯇꯥꯏꯖ ꯇꯧꯕꯥ꯫	ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫	ꯑꯆꯨꯝꯕ	ꯁꯦꯅꯤꯇꯥꯏꯖꯦꯁꯟ ꯑꯁꯤ ꯏꯅꯦꯕꯜ ꯅꯠꯠꯔꯒꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯕꯥ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯔꯕꯗꯤ `'template'`, `'content'`ꯑꯃꯁꯨꯡ `'title'`ꯑꯣꯄꯁꯅꯁꯤꯡ ꯁꯦꯅꯤꯇꯥꯏꯖ ꯇꯧꯒꯅꯤ꯫
ꯋꯥꯏꯇꯦꯞ ꯂꯤꯁ꯭ꯠ ꯇꯧꯕꯥ꯫	ꯄꯣꯠꯂꯝ	ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯚꯦꯜꯌꯨ꯫	ꯑꯌꯥꯕꯥ ꯄꯤꯕꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯇꯦꯒꯁꯤꯡ ꯌꯥꯎꯕꯥ ꯑꯣꯕꯖꯦꯛꯇ꯫
ꯁꯦꯅꯤꯇꯥꯏꯖ ꯇꯧꯕꯥFn	ꯅꯜ \| ꯃꯊꯧ	ꯑꯃꯠꯇ ꯑꯣꯏꯗꯕ	ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯗꯣꯝꯅꯥ ꯑꯗꯣꯃꯒꯤ ꯏꯁꯥꯒꯤ ꯁꯦꯅꯤꯇꯥꯏꯖ ꯐꯉ꯭ꯀꯁꯟ ꯁꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯁꯦꯅꯤꯇꯥꯏꯖꯦꯁꯟ ꯄꯥꯡꯊꯣꯛꯅꯕꯥ ꯀꯠꯊꯣꯛꯂꯕꯥ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯄꯥꯝꯂꯕꯗꯤ ꯃꯁꯤ ꯀꯥꯟꯅꯔꯕꯥ ꯌꯥꯏ꯫
ꯄꯣꯄꯔꯀꯅꯐꯤꯒ ꯇꯧꯕꯥ꯫	ꯅꯜ \| ꯄꯣꯠꯂꯝ	ꯑꯃꯠꯇ ꯑꯣꯏꯗꯕ	ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯗꯤꯐꯣꯜꯇ Popper.js ꯀꯅꯐꯤꯒꯔꯦꯁꯟ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ, Popper.jsꯒꯤ ꯀꯅꯐꯤꯒꯔꯦꯁꯟ ꯑꯗꯨ ꯌꯦꯡꯎ꯫

ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯒꯤꯗꯃꯛ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ꯫

ꯃꯊꯛꯇꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

ꯑꯦꯁꯤꯅꯛꯔꯣꯅꯣꯁ ꯃꯦꯊꯗꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ꯫

ꯑꯦ.ꯄꯤ.ꯑꯥꯏ.ꯒꯤ ꯃꯦꯊꯗ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯑꯦꯁꯤꯅꯛꯔꯣꯅꯣꯁ ꯑꯣꯏ ꯑꯃꯁꯨꯡ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯃꯥ ꯍꯧꯏ . ꯃꯈꯣꯌꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯍꯧꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯑꯗꯨꯕꯨ ꯂꯣꯏꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ . ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯇꯧꯔꯤꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯗꯥ ꯃꯦꯊꯗ ꯀꯣꯜ ꯑꯃꯥ ꯏꯒꯅꯣꯔ ꯇꯧꯒꯅꯤ .

ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯌꯦꯡꯕꯤꯌꯨ .

`$().popover(options)`

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯀꯂꯦꯛꯁꯟ ꯑꯃꯒꯤꯗꯃꯛ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯏ꯫

`.popover('show')`

ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯐꯣꯡꯗꯣꯀꯏ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.popoverꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯄꯣꯄꯊꯣꯀꯄꯒꯤ “ꯃꯦꯅꯨꯑꯦꯜ” ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯅꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯅꯩ꯫ ꯇꯥꯏꯇꯦꯜ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯟꯇ ꯑꯅꯤꯃꯛ ꯖꯤꯔꯣ-ꯂꯦꯡꯗꯕꯥ ꯑꯣꯏꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯎꯠꯂꯣꯏ꯫

$('#element').popover('show')

`.popover('hide')`

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ hidden.bs.popoverꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯄꯣꯄꯊꯣꯀꯄꯒꯤ “ꯃꯦꯅꯨꯑꯦꯜ” ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯅꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯅꯩ꯫

$('#element').popover('hide')

`.popover('toggle')`

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.popoverꯅꯠꯠꯔꯒꯥ hidden.bs.popoverꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯄꯣꯄꯊꯣꯀꯄꯒꯤ “ꯃꯦꯅꯨꯑꯦꯜ” ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯅꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯅꯩ꯫

$('#element').popover('toggle')

`.popover('dispose')`

ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯍꯜꯂꯤ꯫ ꯗꯦꯂꯤꯒꯦꯁꯟ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ( ꯑꯣꯄꯁꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯁꯦꯝꯕꯥselector ) ꯑꯁꯤ ꯗꯤꯁꯦꯟꯗꯦꯟꯇ ꯇ꯭ꯔꯤꯒꯔ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯃꯥꯡꯍꯅꯕꯥ ꯌꯥꯗꯦ꯫

$('#element').popover('dispose')

`.popover('enable')`

ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔꯗꯥ ꯎꯠꯄꯥ ꯉꯝꯕꯥ ꯑꯗꯨ ꯄꯤꯔꯤ꯫ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯏꯅꯦꯕꯜ ꯇꯧꯏ꯫

$('#element').popover('enable')

`.popover('disable')`

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯎꯠꯄꯒꯤ ꯇꯧꯕꯥ ꯉꯝꯕꯗꯨ ꯂꯧꯊꯣꯀꯏ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯁꯤ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯏꯅꯦꯕꯜ ꯇꯧꯔꯕꯈꯛꯇꯗꯥ ꯎꯠꯄꯥ ꯉꯃꯒꯅꯤ꯫

$('#element').popover('disable')

`.popover('toggleEnabled')`

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯅꯕꯒꯤ ꯇꯧꯕꯥ ꯉꯝꯕꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯏ꯫

$('#element').popover('toggleEnabled')

`.popover('update')`

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨ ꯑꯄꯗꯦꯠ ꯇꯧꯏ꯫

$('#element').popover('update')

ꯊꯧꯔꯃꯁꯤꯡ꯫

ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫	ꯋꯥꯔꯣꯜ
ꯁꯣ.ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ ꯇꯧꯕꯥ꯫	`show`ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯎꯠꯂꯤ.ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ꯫	ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯗꯨ ꯌꯨꯖꯔꯅꯥ ꯎꯕꯥ ꯐꯪꯍꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫
ꯂꯣꯠꯁꯤꯜꯂꯨ꯫ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ꯫	`hide`ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ꯫	ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯗꯨ ꯌꯨꯖꯔꯗꯒꯤ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫
ꯏꯅꯁꯥꯔꯠ ꯇꯧꯈꯤ꯫ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ ꯇꯧꯕꯥ꯫	`show.bs.popover`ꯊꯧꯔꯝ ꯑꯁꯤ ꯄꯣꯄꯣꯚꯔ ꯇꯦꯃꯞꯂꯦꯠ ꯑꯗꯨ ꯗꯤ.ꯑꯣ.ꯑꯦꯝ.ꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫

$('#myPopover').on('hidden.bs.popover', function () {
  // do something...
})