Source

ꯄꯣꯄꯣꯚꯔꯁꯤꯡ꯫

ꯅꯍꯥꯛꯀꯤ ꯁꯥꯏꯇꯇꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ.ꯇꯥ ꯐꯪꯂꯤꯕꯥ ꯑꯗꯨꯒꯨꯝꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯈꯨꯗꯃꯁꯤꯡ꯫

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

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

  • ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯳ꯁꯨꯕꯥ ꯄꯥꯔꯇꯤ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ 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>
  • ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯗꯨ ꯗꯤ.ꯑꯣ.ꯑꯦꯝ.ꯗꯒꯤ ꯂꯧꯊꯣꯛꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯂꯣꯠꯁꯤꯅꯒꯗꯕꯅꯤ꯫

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

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

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)

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

ꯃꯤꯡ ꯃꯈꯜ ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ ꯋꯥꯔꯣꯜ
ꯑꯦꯅꯤꯃꯦꯁꯟ ꯇꯧꯕꯥ꯫ ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ ꯑꯆꯨꯝꯕ ꯄꯣꯄꯣꯚꯔꯗꯥ 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 ꯌꯦꯡꯕꯤꯌꯨ .

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

$().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ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯄꯣꯄꯣꯚꯔ ꯇꯦꯃꯞꯂꯦꯠ ꯑꯗꯨ DOMꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
$('#myPopover').on('hidden.bs.popover', function () {
  // do something…
})