ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯄꯨꯟꯁꯤꯗꯥ ꯄꯨꯔꯀꯎ—ꯍꯧꯖꯤꯛ ꯀꯁ꯭ꯇꯝ jQuery ꯄ꯭ꯂꯒꯏꯟ ꯱꯳ꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫

ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ꯫

ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ (ꯈꯔꯅꯥ ꯗꯤꯄꯦꯟꯗꯦꯟꯁꯁꯤꯡ ꯃꯊꯧ ꯇꯥꯔꯕꯁꯨ), ꯅꯠꯠꯔꯒꯥ ꯄꯨꯝꯅꯃꯛ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯌꯥꯏ꯫ bootstrap.js ꯑꯃꯁꯨꯡ bootstrap.min.js ꯑꯅꯤꯃꯛꯇꯥ ꯐꯥꯏꯜ ꯑꯃꯈꯛꯇꯗꯥ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ ꯌꯥꯑꯣꯏ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ꯫

ꯅꯍꯥꯛꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯂꯥꯏꯟ ꯑꯃꯠꯇꯥ ꯏꯗꯅꯥ ꯃꯥꯔꯀꯑꯥꯞ APIꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯃꯄꯨꯡꯐꯥꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ꯫ ꯃꯁꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯑꯍꯥꯅꯕꯥ ꯀ꯭ꯂꯥꯁ APIꯅꯤ ꯑꯃꯁꯨꯡ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯍꯥꯅꯕꯥ ꯋꯥꯈꯜꯂꯣꯟ ꯑꯣꯏꯒꯗꯕꯅꯤ꯫

ꯍꯥꯌꯕꯗꯤ, ꯐꯤꯚꯝ ꯈꯔꯗꯥ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯑꯁꯤ ꯑꯣꯐ ꯇꯧꯕꯥ ꯑꯁꯤ ꯄꯥꯝꯅꯔꯀꯄꯥ ꯌꯥꯏ꯫ ꯃꯔꯝ ꯑꯗꯨꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ `'ꯗꯦꯇꯥ-ꯑꯦꯄꯤ'`ꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯣꯗꯤ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯊꯧꯗꯣꯛ ꯄꯨꯝꯅꯃꯛ ꯑꯅꯕꯥꯏꯟ ꯇꯧꯗꯨꯅꯥ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ. ꯃꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯒꯨꯝꯅꯥ ꯎꯕꯥ ꯐꯪꯏ:

  1. $ ( 'ꯍꯀꯆꯥꯡ' ). ꯑꯣꯐ ( '.ꯗꯥꯇꯥ-ꯑꯦꯄꯤ' ) .

ꯅꯠꯠꯔꯒꯥ, ꯑꯀꯛꯅꯕꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯗꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ, ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯑꯥꯏ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯒꯨꯝꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ:

  1. $ ( 'ꯍꯀꯆꯥꯡ' ). ꯑꯣꯐ ( '.ꯑꯦꯂꯔꯠ.ꯗꯥꯇꯥ-ꯑꯦꯄꯤ' )

ꯄ꯭ꯔꯣꯒ꯭ꯔꯥꯃꯦꯇꯤꯛ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ

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

  1. $ ( ".btn.ꯈꯨꯗꯣꯡꯊꯤꯕꯥ" ). ꯕꯇꯟ ( "ꯇꯣꯒꯜ ꯇꯧꯕꯥ" ). addClass ( "ꯐꯦꯠ" ) ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫

ꯃꯦꯊꯗ ꯄꯨꯝꯅꯃꯛꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤ ꯑꯣꯕꯖꯦꯛꯇ ꯑꯃꯥ, ꯑꯀꯛꯅꯕꯥ ꯃꯦꯊꯗ ꯑꯃꯗꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯕꯥ ꯁ꯭ꯠꯔꯤꯡ ꯑꯃꯥ, ꯅꯠꯠꯔꯒꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ (ꯗꯤꯐꯣꯜꯇ ꯕꯤꯍꯦꯕꯤꯌꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯥ ꯍꯧꯗꯣꯀꯄꯥ) ꯌꯥꯕꯥ ꯇꯥꯏ:

  1. $ ( "#ꯑꯩꯒꯤ ꯃꯣꯗꯜ" ). modal () // ꯗꯤꯐꯣꯜꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯕꯥ꯫
  2. $ ( "#ꯑꯩꯒꯤ ꯃꯣꯗꯜ" ). modal ({ keyboard : false }) // ꯀꯤꯕꯣꯔꯗ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯅꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯕꯥ꯫
  3. $ ( "#ꯑꯩꯒꯤ ꯃꯣꯗꯜ" ). modal ( 'show' ) // ꯈꯨꯗꯛꯇꯥ ꯎꯠꯄꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯏꯅꯚꯣꯛ ꯇꯧꯏ꯫

ꯄ꯭ꯂꯒꯏꯟ ꯈꯨꯗꯤꯡꯃꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯔꯣ ꯀꯟꯁꯠꯔꯛꯁꯟ ꯑꯗꯨꯁꯨ `ꯀꯟꯁꯠꯔꯛꯁꯟ` ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯃꯗꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ: $.fn.popover.Constructor. ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯑꯀꯛꯅꯕꯥ ꯄ꯭ꯂꯒꯏꯟ ꯏꯟꯁꯇꯦꯟꯁ ꯑꯃꯥ ꯐꯪꯅꯤꯡꯂꯕꯗꯤ, ꯃꯗꯨ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯒꯤ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯂꯧꯊꯣꯀꯎ: $('[rel=popover]').data('popover').

ꯀꯟꯐ꯭ꯂꯤꯛꯇ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯇꯣꯞꯄꯥ UI ꯐ꯭ꯔꯦꯃꯋꯥꯔꯀꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯐꯤꯚꯃꯁꯤꯡ ꯑꯁꯤꯗꯥ, ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯀꯣꯂꯤꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯇꯝ ꯃꯇꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯁꯤ ꯑꯣꯏꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ .noConflictꯚꯦꯜꯌꯨ ꯑꯗꯨ ꯔꯤꯚꯔꯠ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨꯗꯥ ꯀꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫

  1. var ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯕꯇꯟ = $ . ꯑꯦꯐ ꯑꯦꯟ . ꯕꯇꯟ ꯑꯗꯨ . noConflict () // ꯃꯃꯥꯡꯗꯥ ꯑꯦꯁꯥꯏꯟ ꯇꯧꯔꯕꯥ ꯚꯦꯜꯌꯨꯗꯥ $.fn.button ꯔꯤꯇꯔꯟ ꯇꯧꯔꯣ
  2. $ . ꯑꯦꯐ ꯑꯦꯟ . bootstrapBtn = bootstrapButton // ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯑꯗꯨ $().bootstrapBtn ꯄꯤꯌꯨ

ꯊꯧꯔꯃꯁꯤꯡ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯑꯌꯥꯝꯕꯥ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯑꯈꯟꯅꯕꯥ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯀꯁ꯭ꯇꯝ ꯏꯚꯦꯟꯇꯁꯤꯡ ꯄꯤꯔꯤ꯫ ꯃꯍꯧꯁꯥꯅꯥ, ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯏꯅꯐꯤꯅꯤꯇꯤꯕ ꯑꯃꯁꯨꯡ ꯄꯥꯁ꯭ꯠ ꯄꯥꯔꯇꯤꯁꯤꯄꯦꯜ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯂꯥꯀꯏ - ꯃꯐꯝ ꯑꯗꯨꯗꯥ ꯏꯅꯐꯤꯅꯤꯇꯤꯕ (ex. show) ꯑꯁꯤ ꯊꯧꯗꯣꯛ ꯑꯃꯥ ꯍꯧꯕꯗꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯏ, ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯄꯥꯁ꯭ꯠ ꯄꯥꯔꯇꯤꯁꯤꯄꯦꯜ ꯃꯑꯣꯡ (ex. shown) ꯑꯁꯤ ꯑꯦꯛꯁꯟ ꯑꯃꯥ ꯂꯣꯏꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯏ꯫

ꯏꯅꯐꯤꯅꯤꯇꯤꯕ ꯏꯚꯦꯟꯇ ꯄꯨꯝꯅꯃꯛꯅꯥ preventDefault ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯄꯤꯔꯤ꯫ ꯃꯁꯤꯅꯥ ꯑꯦꯛꯁꯟ ꯑꯃꯥ ꯍꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯊꯤꯡꯕꯒꯤ ꯇꯧꯕꯥ ꯉꯝꯕꯗꯨ ꯄꯤ꯫

  1. $ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). on ( 'ꯌꯦꯡꯎ' , ꯐꯉ꯭ꯀꯁꯟ ( ) {
  2. ꯀꯔꯤꯒꯨꯝꯕꯥ (! ꯗꯦꯇꯥ ) ꯔꯤꯇꯔꯟ ꯇꯧꯕꯥ . preventDefault () // ꯃꯣꯗꯜ ꯑꯗꯨ ꯎꯠꯄꯥ ꯊꯤꯡꯏ꯫
  3. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

ꯏꯆꯝ ꯆꯝꯕꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯏꯐꯦꯛꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, ꯑꯇꯣꯞꯄꯥ JS ꯐꯥꯏꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ bootstrap-transition.js ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ (ꯅꯠꯠꯔꯒꯥ ꯃꯤꯅꯤꯐꯥꯏꯗ) bootstrap.js ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ , ꯃꯁꯤ ꯌꯥꯑꯣꯍꯅꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ—ꯃꯁꯤ ꯍꯥꯟꯅꯅꯥ ꯂꯩꯔꯦ꯫

ꯀꯦꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯈꯨꯗꯝ ꯈꯔꯥ:

  • ꯃꯣꯗꯂꯁꯤꯡꯗꯥ ꯁ꯭ꯂꯥꯏꯗ ꯇꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯐꯦꯗ ꯇꯧꯕꯥ꯫
  • ꯐꯦꯗꯤꯡ ꯑꯥꯎꯠ ꯇꯦꯕꯁꯤꯡ꯫
  • ꯐꯦꯗꯤꯡ ꯑꯥꯎꯠ ꯑꯦꯂꯔꯇꯁꯤꯡ꯫
  • ꯁ꯭ꯂꯥꯏꯗ ꯇꯧꯕꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯄꯦꯅꯁꯤꯡ꯫

ꯈꯨꯗꯃꯁꯤꯡ꯫

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

ꯁ꯭ꯇꯦꯇꯤꯛ ꯑꯣꯏꯕꯥ ꯈꯨꯗꯝ꯫

ꯐꯨꯇꯔꯗꯥ ꯍꯦꯗ, ꯕꯣꯗꯤ, ꯑꯃꯁꯨꯡ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤ ꯁꯦꯠ ꯌꯥꯑꯣꯕꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯔꯕꯥ ꯃꯣꯗꯜ ꯑꯃꯥ꯫

  1. <div class = "ꯃꯣꯗꯜ ꯍꯥꯏꯗ ꯐꯦꯗ" >
  2. <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯍꯦꯗꯔ" >
  3. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "ꯀ꯭ꯂꯣꯖ" data-dismiss = "ꯃꯣꯗꯜ" aria-hidden = "ꯑꯆꯨꯝꯕꯥ" > × </ꯕꯇꯟ>ꯗꯥ ꯊꯝꯃꯨ꯫
  4. <h3> ꯃꯣꯗꯜ ꯍꯦꯗ </h3>
  5. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  6. <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯕꯣꯗꯤ" >
  7. <p> ꯐꯖꯔꯕꯥ ꯍꯀꯆꯥꯡ ꯑꯃꯥ... </p>꯫
  8. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  9. <div class = "ꯃꯣꯗꯜ-ꯐꯨꯇꯔ" >
  10. <a href = "#" class = "btn" > ꯊꯤꯡꯖꯤꯜꯂꯨ </a>
  11. <a href = "#" class = "btn btn-primary" > ꯑꯍꯣꯡꯕꯁꯤꯡ ꯁꯦꯚ ꯇꯧꯕꯥ </a>
  12. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  13. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯂꯥꯏꯚ ꯗꯦꯃꯣ꯫

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

  1. <!-- ꯃꯣꯗꯦꯜ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯅꯕꯥ ꯕꯇꯟ -->
  2. <a href = "#myModal" role = "button" class = "btn" data-toggle = "ꯃꯣꯗꯜ" > ꯗꯦꯃꯣ ꯃꯣꯗꯦꯜ ꯍꯧꯗꯣꯀꯎ </a>
  3.  
  4. <!-- ꯃꯣꯗꯜ --> ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫
  5. <div id = "myModal" class = "ꯃꯣꯗꯜ ꯂꯣꯠꯄꯥ ꯐꯦꯗ" tabindex = "-1" ꯊꯧꯗꯥꯡ = "ꯗꯥꯏꯂꯣꯒ" aria- labelledby = "myModalLabel" aria-hidden = "ꯑꯆꯨꯝꯕꯥ" >
  6. <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯍꯦꯗꯔ" >
  7. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "ꯀ꯭ꯂꯣꯖ" ꯗꯦꯇꯥ-ꯗꯤꯁꯃꯤꯁ = "ꯃꯣꯗꯜ" aria-hidden = "ꯑꯆꯨꯝꯕꯥ" > × </ꯕꯇꯟ>
  8. <h3 id = "myModalLabel" > ꯃꯣꯗꯦꯜ ꯍꯦꯗ </h3>
  9. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  10. <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯕꯣꯗꯤ" >
  11. <p> ꯐꯖꯔꯕꯥ ꯍꯀꯆꯥꯡ ꯑꯃꯥ... </p>꯫
  12. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  13. <div class = "ꯃꯣꯗꯜ-ꯐꯨꯇꯔ" >
  14. <button class = "btn" data-dismiss = "ꯃꯣꯗꯜ" aria-hidden = "ꯑꯆꯨꯝꯕꯥ" > ꯊꯤꯡꯖꯤꯜꯂꯨ </button>
  15. <button class = "btn btn-primary" > ꯑꯍꯣꯡꯕꯁꯤꯡ ꯁꯦꯚ ꯇꯧꯕꯥ </button>
  16. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  17. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯏꯕꯥ ꯌꯥꯗꯅꯥ ꯃꯣꯗꯜ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯔꯣ꯫ data-toggle="modal"ꯀꯟꯠꯔꯣꯂꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ, ꯕꯇꯟ ꯑꯃꯒꯨꯝꯅꯥ, ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ data-target="#foo"ꯅꯠꯠꯔꯒꯥ href="#foo"ꯇꯣꯒꯜ ꯇꯧꯅꯕꯥ ꯑꯀꯛꯅꯕꯥ ꯃꯣꯗꯦꯜ ꯑꯃꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ ꯁꯦꯠ ꯇꯧ꯫

  1. <button type = "button" data-toggle = "ꯃꯣꯗꯜ" ꯗꯦꯇꯥ-ꯇꯥꯔꯒꯦꯠ = "#myModal" > ꯃꯣꯗꯦꯜ ꯍꯧꯗꯣꯀꯎ </button>

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

myModalꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯂꯥꯏꯟ ꯑꯃꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ id ꯂꯩꯕꯥ ꯃꯣꯗꯜ ꯑꯃꯥ ꯀꯧꯕꯤꯌꯨ :

  1. $ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). ꯃꯣꯗꯜ ( ꯑꯣꯄꯁꯅꯁꯤꯡ ) .

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

loadꯀꯔꯤꯒꯨꯝꯕꯥ ꯔꯤꯃꯣꯠ url ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ jQueryꯒꯤ ꯃꯦꯊꯗꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯂꯣꯗ ꯇꯧꯒꯅꯤ ꯑꯃꯁꯨꯡ .modal-body. ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯗꯦꯇꯥ api ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯑꯇꯣꯞꯄꯥ hrefꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯔꯤꯃꯣꯠ ꯁꯣꯔꯁ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯇꯦꯒ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫ ꯃꯁꯤꯒꯤ ꯈꯨꯗꯝ ꯑꯃꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ:

  1. <a data-toggle="modal" href="remote.html" data-target="#modal">click me</a>

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

.ꯃꯣꯗꯜ(ꯑꯣꯄꯁꯅꯁꯤꯡ) ꯌꯥꯑꯣꯔꯤ꯫

ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯣꯗꯦꯜ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯏ꯫ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯔꯦ object.

  1. $ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). ꯃꯣꯗꯜ ({
  2. ꯀꯤꯕꯣꯔꯗ : ꯑꯔꯥꯅꯕꯥ꯫
  3. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

.ꯃꯣꯗꯜ('ꯇꯣꯒꯜ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯃꯣꯗꯜ ꯑꯃꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯇꯣꯒꯜ ꯇꯧꯏ꯫

  1. $ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). ꯃꯣꯗꯜ ( 'ꯇꯣꯒꯜ' ꯇꯧꯕꯥ )

.ꯃꯣꯗꯜ('ꯌꯦꯡꯎ') .

ꯃꯣꯗꯜ ꯑꯃꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯍꯥꯡꯗꯣꯀꯏ꯫

  1. $ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). ꯃꯣꯗꯜ ( 'ꯌꯦꯡꯎ' ) .

.ꯃꯣꯗꯜ('ꯂꯨꯀꯄꯥ')

ꯃꯣꯗꯜ ꯑꯃꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫

  1. $ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). ꯃꯣꯗꯜ ( 'ꯂꯨꯀꯄꯥ' ) .

ꯊꯧꯔꯃꯁꯤꯡ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯃꯣꯗꯦꯜ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯅꯥ ꯃꯣꯗꯦꯜ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯈꯔꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ꯫

ꯊꯧꯔꯝ ꯋꯥꯔꯣꯜ
ꯎꯠꯄ showꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯎꯠꯂꯤ꯫ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯃꯣꯗꯜ ꯑꯗꯨ ꯌꯨꯖꯔꯅꯥ ꯎꯕꯥ ꯐꯪꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (css ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯃꯄꯨꯡ ꯐꯥꯅꯕꯥ ꯉꯥꯏꯒꯅꯤ)꯫
ꯂꯣꯠꯄ hideꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯂꯣꯠꯇꯨꯅ ꯊꯕ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯃꯣꯗꯦꯜ ꯑꯗꯨ ꯌꯨꯖꯔꯗꯒꯤ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (css ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫
  1. $ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). on ( 'ꯂꯣꯠꯁꯤꯜꯂꯕꯥ' , ꯐꯉ꯭ꯀꯁꯟ () {
  2. // ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯇꯧꯕꯥ...
  3. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯅꯕꯕꯥꯔꯗꯥ ꯈꯨꯗꯝ꯫

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

@ꯑꯅꯣꯏꯕ

ꯑꯦꯗ ꯂꯦꯒꯤꯡꯁ ꯀꯤꯇꯥꯔ, ꯕ꯭ꯔꯟꯆ ꯑꯥꯏꯗꯤ ꯑꯥꯔꯠ ꯄꯥꯔꯇꯤ ꯗꯣꯂꯣꯔ ꯂꯦꯕꯔ꯫ ꯃꯈꯣꯌꯅꯥ ꯀꯨꯏꯅꯥ ꯌꯣꯅꯕꯥ ꯃꯃꯥꯡꯗꯥ ꯄꯤꯆꯐꯣꯔꯛ ꯌꯔ ꯑꯦꯅꯤꯝ ꯂꯣ-ꯐꯥꯏ꯫ ꯇꯝꯕꯂꯔ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ ꯁꯥꯏꯀꯂꯒꯤ ꯍꯀꯁꯤꯡ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ꯫ ꯑꯅꯤꯝ ꯀꯦꯐꯤꯌꯦꯍ ꯀꯥꯔꯂꯦꯁ ꯀꯥꯔꯗꯤꯒꯥꯟ꯫ Velit seitan mcsweeney ꯒꯤ ꯐꯣꯇꯣ ꯕꯨꯊ ꯳ ꯋꯨꯜꯐ ꯃꯟ ꯏꯔꯨꯔꯦ꯫ ꯀꯣꯁꯕꯤ ꯁ꯭ꯕꯦꯇꯔ ꯂꯣꯃꯣ ꯖꯤꯟ ꯁꯔꯇꯁ, ꯋꯤꯂꯤꯌꯃꯁꯕꯔꯒ ꯍꯨꯗꯤ ꯃꯤꯅꯤꯝ ꯀꯨꯏ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯕꯥ ꯐꯪꯂꯃꯂꯣꯏꯗꯕꯅꯤ ꯑꯦꯠ ꯀꯥꯔꯗꯤꯒꯥꯟ ꯇ꯭ꯔꯁ꯭ꯠ ꯐꯟꯗ ꯀꯨꯂꯄꯥ ꯕꯥꯏꯑꯣꯗꯤꯖꯦꯜ ꯋꯦꯁ ꯑꯦꯟꯗꯔꯁꯟ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ꯫ ꯅꯤꯍꯤꯜ ꯇꯦꯇꯨ ꯇꯧꯔꯕꯥ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ, ꯀ꯭ꯔꯦꯗ ꯏꯔꯣꯅꯤ ꯕꯥꯏꯑꯣꯗꯤꯖꯦꯜ ꯀꯦꯐꯤꯌꯦꯍ ꯑꯥꯔꯇꯤꯁꯥꯟ ꯎꯂꯝꯀꯣ ꯀꯟꯁꯦꯛꯌꯨꯠ꯫

@mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫

ꯚꯦꯅꯤꯌꯥꯝ ꯃꯥꯔꯐꯥ ꯃꯁ꯭ꯇꯦꯆ ꯁ꯭ꯀꯦꯠꯕꯣꯔꯗ, ꯑꯦꯗꯤꯄꯤꯁꯤꯁꯤꯡ ꯐꯨꯖꯤꯌꯥꯠ ꯚꯦꯂꯤꯠ ꯄꯤꯆꯐꯣꯔꯛ ꯕꯤꯌꯔ꯫ ꯐ꯭ꯔꯤꯒꯥꯟ ꯗꯥꯗꯤ ꯑꯦꯂꯤꯛꯌꯨꯌꯥ ꯀ꯭ꯌꯨꯄꯤꯗꯥꯠ ꯃꯦꯀꯁꯨꯏꯅꯤꯒꯤ ꯚꯦꯔꯣ꯫ ꯀ꯭ꯌꯨꯄꯤꯗꯥꯠ ꯃꯔꯤ ꯂꯣꯀꯣ ꯅꯤꯁꯤ, ꯏꯑꯦ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ ꯅꯨꯜꯂꯥ ꯀꯥꯔꯂꯦꯁ꯫ ꯇꯦꯇꯨ ꯇꯧꯔꯕꯥ ꯀꯣꯁ꯭ꯕꯤ ꯁ꯭ꯕꯦꯇꯔ ꯐꯨꯗ ꯇ꯭ꯔꯛ, mcsweeney's quis ꯅꯟ ꯐ꯭ꯔꯤꯒꯥꯟ ꯚꯤꯅꯥꯏꯜ꯫ ꯂꯣ-ꯐꯥꯏ ꯋꯦꯁ ꯑꯦꯟꯗꯔꯁꯟ +꯱ ꯁꯥꯔꯇꯣꯔꯤꯑꯦꯜ꯫ ꯀꯥꯔꯂꯁ ꯅꯟ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ ꯑꯦꯛꯁꯔꯁꯥꯏꯖ ꯀ꯭ꯕꯤꯁ ꯖꯦꯟꯠꯔꯤꯐꯥꯏ ꯇꯧꯕꯥ꯫ ꯕ꯭ꯔꯨꯀꯂꯤꯟ ꯑꯦꯗꯤꯄꯤꯁꯤꯁꯤꯡ ꯀ꯭ꯔꯥꯐ ꯕꯤꯌꯔ ꯚꯥꯏꯁ ꯀꯦꯇꯥꯔ ꯗꯦꯁꯦꯔꯨꯟꯇ꯫

ꯑꯃ

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

ꯑꯅꯤ

In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

three

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

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


ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯅꯍꯥꯛꯀꯤ ꯇꯣꯄꯕꯥꯔ ꯅꯦꯚꯤꯒꯦꯁꯟꯗꯥ ꯁ꯭ꯛꯔꯣꯂꯁꯄꯤ ꯕꯤꯍꯦꯕꯤꯌꯔ ꯐꯖꯅꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ, data-spy="scroll"ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯄꯥꯏ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ (ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯍꯧꯁꯥꯅꯥ ꯃꯁꯤ ꯍꯀꯆꯥꯡ ꯑꯣꯏꯒꯅꯤ) ꯑꯃꯁꯨꯡ data-target=".navbar"ꯀꯔꯝꯕꯥ ꯅꯦꯚ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯈꯜꯂꯨ꯫ .navꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯛꯔꯣꯂꯁꯄꯤ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫

  1. <body data-spy = "ꯁ꯭ꯛꯔꯣꯜ" ꯗꯦꯇꯥ-ꯇꯥꯔꯒꯦꯠ = ".ꯅꯥꯚꯕꯥꯔ" > ... </body>

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤꯗꯥ ꯀꯜ ꯇꯧꯕꯤꯌꯨ:

  1. $ ( '#ꯅꯥꯚꯕꯥꯔ' )꯫ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤ () ꯑꯁꯤꯅꯤ꯫
ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯅꯕꯕꯥꯔ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯗꯥ ꯔꯤꯖꯣꯂꯕ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯑꯥꯏ.ꯗꯤ. ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, a <a href="#home">home</a>ꯑꯁꯤ ꯗꯣꯃꯗꯥ ꯂꯩꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯒꯥ ꯃꯥꯟꯅꯒꯗꯕꯅꯤ ꯃꯗꯨꯗꯤ <div id="home"></div>.

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

.scrollspy('ꯔꯤꯐ꯭ꯔꯦꯁ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

DOM ꯗꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯧꯊꯣꯀꯄꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯔꯤꯐ꯭ꯔꯦꯁ ꯃꯦꯊꯗ ꯑꯗꯨ ꯑꯁꯨꯝꯅꯥ ꯀꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ:

  1. $ ( '[ꯗꯦꯇꯥ-ꯁ꯭ꯄꯥꯏ="ꯁ꯭ꯛꯔꯣꯜ"]' ). ꯈꯨꯗꯤꯡꯃꯛ ( ꯐꯉ꯭ꯀꯁꯟ () { .
  2. var $spy = $ ( ꯃꯁꯤ )꯫ scrollspy ( 'ꯔꯤꯐ꯭ꯔꯦꯁ ꯇꯧꯕꯥ' ) .
  3. });

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

ꯃꯤꯡ ꯃꯈꯜ ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ ꯋꯥꯔꯣꯜ
ꯑꯣꯐꯁꯦꯠ ꯇꯧꯕꯥ꯫ ꯃꯁꯤꯡ ꯱꯰ ꯁ꯭ꯛꯔꯣꯂꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯃꯊꯛꯇꯒꯤ ꯑꯣꯐꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯄꯤꯛꯁꯦꯂꯁꯤꯡ꯫

ꯊꯧꯔꯃꯁꯤꯡ꯫

ꯊꯧꯔꯝ ꯋꯥꯔꯣꯜ
ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯍꯅꯕꯥ꯫ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤꯅꯥ ꯑꯅꯧꯕꯥ ꯑꯥꯏꯇꯦꯝ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯇꯦꯕꯁꯤꯡ꯫

ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯁꯨ, ꯂꯣꯀꯦꯜ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯄꯦꯅꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯇꯧꯕꯗꯥ ꯊꯨꯅꯥ, ꯗꯥꯏꯅꯥꯃꯤꯛ ꯇꯦꯕ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯑꯀꯪꯕꯥ ꯗꯦꯅꯤꯝ ꯑꯗꯣꯝꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯕꯥ ꯐꯪꯂꯃꯂꯣꯏꯗꯕꯅꯤ ꯖꯤꯟ ꯁꯔꯠ ꯑꯣꯁ꯭ꯇꯤꯟ꯫ ꯅꯦꯁꯁꯤꯌꯟꯇ ꯇꯣꯐꯨ ꯁ꯭ꯇꯝꯄꯇꯥꯎꯟ ꯑꯦꯂꯤꯛꯌꯨꯌꯥ, ꯔꯦꯠꯔꯣ ꯁꯤꯟꯊ ꯃꯥꯁ꯭ꯇꯔ ꯀ꯭ꯂꯤꯅꯁ꯫ ꯃꯁ꯭ꯇꯦꯆ ꯀ꯭ꯂꯤꯆ ꯇꯦꯝꯄꯣꯔ, ꯋꯤꯂꯤꯌꯃꯁꯕꯔꯒ ꯀꯥꯔꯂꯁ ꯚꯦꯒꯥꯟ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ꯫ ꯔꯤꯞꯔꯦꯍꯦꯟꯗꯦꯔꯤꯠ ꯕꯨꯠꯆꯦꯔ ꯔꯦꯠꯔꯣ ꯀꯦꯐꯤꯌꯦꯍ ꯗ꯭ꯔꯤꯃꯀꯦꯆꯔ ꯁꯤꯟꯊ꯫ ꯀꯣꯁꯕꯤ ꯁ꯭ꯕꯦꯇꯔ ꯏꯎ ꯕꯥꯟꯍ ꯃꯤ, ꯀꯨꯏ ꯏꯔꯨꯔꯦ ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯑꯦꯛꯁ ꯁ꯭ꯀꯨꯏꯗ꯫ ꯑꯦꯂꯤꯛꯕꯤꯞ ꯄ꯭ꯂꯦꯁꯦꯠ ꯁꯥꯂꯚꯤꯌꯥ ꯁꯤꯂꯝ ꯑꯥꯏꯐꯣꯟ꯫ ꯁꯦꯇꯥꯟ ꯑꯦꯂꯤꯛꯌꯨꯏꯞ ꯀꯨꯏꯁ ꯀꯥꯔꯗꯤꯒꯥꯟ ꯑꯃꯦꯔꯤꯀꯥꯟ ꯑꯦꯄꯔꯦꯜ, ꯕꯨꯠꯆꯦꯔ ꯚꯣꯂꯨꯞꯇꯦꯠ ꯅꯤꯁꯤ ꯀꯨꯏ꯫

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.


ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

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

  1. $ ( '#ꯃꯥꯏꯇꯦꯕ ꯑꯃꯥ' ). ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯣ ( ꯐꯉ꯭ꯀꯁꯟ ( ) { .
  2. . ꯄ꯭ꯔꯤꯚꯦꯟꯇꯗꯤꯐꯣꯜꯇ ();
  3. $ ( ꯃꯁꯤ ) . tab ( 'ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ' );
  4. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯅꯍꯥꯛꯅꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯇꯦꯕꯁꯤꯡ ꯑꯁꯤ ꯃꯑꯣꯡ ꯀꯌꯥꯗꯥ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯕꯥ ꯌꯥꯏ:

  1. $ ( '#ꯃꯥꯏꯇꯦꯕ ꯑꯃꯥ[href="#ꯄ꯭ꯔꯣꯐꯥꯏꯜ"]' ). tab ( 'ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ' ); // ꯃꯃꯤꯡꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯇꯦꯕ ꯑꯃꯥ ꯈꯜꯂꯨ꯫
  2. $ ( '#ꯃꯥꯏꯇꯦꯕ ꯑꯃꯥ:ꯑꯍꯥꯅꯕꯥ' ). tab ( 'ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ' ); // ꯑꯍꯥꯅꯕꯥ ꯇꯦꯕ ꯑꯗꯨ ꯈꯜꯂꯨ꯫
  3. $ ( '#ꯃꯥꯏꯇꯦꯕ ꯑꯃꯥ:ꯑꯔꯣꯏꯕꯥ' ). tab ( 'ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ' ); // ꯑꯔꯣꯏꯕꯥ ꯇꯦꯕ ꯑꯗꯨ ꯈꯜꯂꯨ꯫
  4. $ ( '#ꯃꯥꯏꯇꯦꯕ ꯂꯤ:ꯏꯛꯌꯨ(꯲) ꯑꯦ' ). tab ( 'ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ' ); // ꯑꯍꯨꯃꯁꯨꯕꯥ ꯇꯦꯕ ꯈꯅꯕꯤꯌꯨ (꯰-ꯏꯟꯗꯦꯛꯁ ꯇꯧꯔꯕꯥ)

ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯥ꯫

data-toggle="tab"ꯅꯍꯥꯛꯅꯥ ꯁꯨꯞꯅꯒꯤ ꯁ꯭ꯄꯦꯁꯤꯐꯥꯏ ꯇꯧꯗꯨꯅꯥ ꯅꯠꯠꯔꯒꯥ data-toggle="pill"ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯃꯠꯇꯥ ꯏꯗꯅꯥ ꯇꯦꯕ ꯅꯠꯠꯔꯒꯥ ꯄꯤꯜ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ navꯇꯦꯕ ꯑꯗꯨꯗꯥ ꯑꯃꯁꯨꯡ nav-tabsꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯅꯥ ulꯕꯨꯠꯁ꯭ꯠꯔꯞ ꯇꯦꯕ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯑꯗꯨ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯒꯅꯤ꯫

  1. <ul class = "ꯅꯥꯚ ꯅꯦꯚ-ꯇꯦꯕꯁꯤꯡ" >
  2. <li><a href = "#ꯍꯣꯝ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯇꯦꯕ" > ꯍꯣꯝ </a></li>
  3. <li><a href = "#ꯄ꯭ꯔꯣꯐꯥꯏꯜ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯇꯦꯕ" > ꯄ꯭ꯔꯣꯐꯥꯏꯜ </a></li>
  4. <li><a href = "#messages" data-toggle = "ꯇꯦꯕ" > ꯄꯥꯎꯖꯦꯂꯁꯤꯡ </a></li>
  5. <li><a href = "#ꯁꯦꯇꯤꯡꯁꯤꯡ" data-toggle = "ꯇꯦꯕ" > ꯁꯦꯇꯤꯡꯁꯤꯡ </a></li>
  6. </ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

$().ꯇꯦꯕ ꯇꯧꯕꯥ꯫

ꯇꯦꯕ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯟꯇ ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯏ꯫ ꯇꯦꯕ ꯑꯗꯨꯗꯥ DOMꯗꯥ ꯀꯟꯇꯦꯅꯔ ꯅꯣꯗ ꯑꯃꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯕꯥ ꯑꯃꯥ data-targetꯅꯠꯠꯔꯒꯥ ꯑꯃꯥ ꯂꯩꯒꯗꯕꯅꯤ꯫href

  1. <ul class = "ꯅꯥꯚ ꯅꯦꯚ-ꯇꯦꯕꯁꯤꯡ" id = "ꯑꯩꯒꯤ ꯇꯦꯕꯜ" >
  2. <li class = "ꯑꯦꯛꯇꯤꯕ" ><a href = "#ꯍꯣꯝ" > ꯍꯣꯝ </a></li>
  3. <li><a href = "#ꯄ꯭ꯔꯣꯐꯥꯏꯜ" > ꯄ꯭ꯔꯣꯐꯥꯏꯜ </a></li>
  4. <li><a href = "#messages" > ꯄꯥꯎꯖꯦꯂꯁꯤꯡ </a></li>
  5. <li><a href = "#ꯁꯦꯇꯤꯡꯁꯤꯡ" > ꯁꯦꯇꯤꯡꯁꯤꯡ </a></li>
  6. </ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫
  7.  
  8. <div class = "ꯇꯦꯕ-ꯀꯟꯇꯦꯟꯇ" >
  9. <div class = "ꯇꯦꯕ-ꯄꯦꯟ ꯑꯦꯛꯇꯤꯕ" id = "ꯍꯣꯝ" > ... </div>
  10. <div class = "ꯇꯦꯕ-ꯄꯦꯟ" id = "ꯄ꯭ꯔꯣꯐꯥꯏꯜ" > ... </div>
  11. <div class = "ꯇꯦꯕ-ꯄꯦꯟ" id = "ꯃꯦꯁꯦꯖꯁꯤꯡ" > ... </div>
  12. <div class = "ꯇꯦꯕ-ꯄꯦꯟ" id = "ꯁꯦꯇꯤꯡꯁꯤꯡ" > ... </div>
  13. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  14.  
  15. <ꯁ꯭ꯛꯔꯤꯞꯇ> ꯍꯥꯌꯕꯁꯤꯅꯤ꯫
  16. $ ( ꯐꯉ꯭ꯀꯁꯟ () { .
  17. $ ( '#ꯃꯥꯏꯇꯦꯕ ꯑꯃꯥ:ꯑꯔꯣꯏꯕꯥ' ). tab ( 'ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ' );
  18. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.
  19. </script>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫

ꯊꯧꯔꯃꯁꯤꯡ꯫

ꯊꯧꯔꯝ ꯋꯥꯔꯣꯜ
ꯎꯠꯄ ꯊꯧꯔꯝ ꯑꯁꯤ ꯇꯦꯕ ꯁꯣꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ, ꯑꯗꯨꯕꯨ ꯑꯅꯧꯕꯥ ꯇꯦꯕ ꯑꯗꯨ ꯎꯠꯂꯕꯥ ꯃꯃꯥꯡꯗꯥ꯫ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ (ꯀꯔꯤꯒꯨꯝꯕꯥ ꯂꯩꯔꯕꯗꯤ) ꯑꯗꯨ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ event.targetꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫event.relatedTarget
ꯎꯠꯂꯤ꯫ ꯇꯦꯕ ꯑꯃꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯇꯦꯕ ꯁꯣꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ (ꯀꯔꯤꯒꯨꯝꯕꯥ ꯂꯩꯔꯕꯗꯤ) ꯑꯗꯨ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ event.targetꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫event.relatedTarget
  1. $ ( 'a[ꯗꯦꯇꯥ-ꯇꯣꯒꯜ="ꯇꯦꯕ"]' ). on ( 'ꯌꯦꯡꯁꯤꯜꯂꯦ' , ꯐꯉ꯭ꯀꯁꯟ ( ) {
  2. . ꯇꯥꯔꯒꯦꯠ // ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯇꯦꯕ꯫
  3. . relatedTarget // ꯃꯃꯥꯡꯒꯤ ꯇꯦꯕ꯫
  4. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯈꯨꯗꯃꯁꯤꯡ꯫

ꯖꯦꯁꯟ ꯐ꯭ꯔꯦꯃꯅꯥ ꯏꯕꯥ ꯑꯐꯕꯥ jQuery.tipsy ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯏꯊꯤꯜ ꯄꯤꯕꯥ; ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯑꯁꯤ ꯑꯄꯗꯦꯠ ꯇꯧꯔꯕꯥ ꯚꯔꯖꯟ ꯑꯃꯅꯤ, ꯃꯁꯤꯅꯥ ꯏꯃꯦꯖꯁꯤꯡꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯃꯗꯦ, ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ CSS3 ꯁꯤꯖꯤꯟꯅꯩ, ꯑꯃꯁꯨꯡ ꯂꯣꯀꯦꯜ ꯇꯥꯏꯇꯜ ꯁ꯭ꯇꯣꯔꯦꯖꯒꯤꯗꯃꯛꯇꯥ ꯗꯦꯇꯥ-ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯩ꯫

ꯄꯔꯐꯣꯃꯦꯟꯁꯀꯤ ꯃꯔꯃꯁꯤꯡꯅꯥ, ꯇꯨꯂꯇꯤꯞ ꯑꯃꯁꯨꯡ ꯄꯣꯄꯣꯚꯔ ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯁ ꯑꯁꯤ ꯑꯣꯄꯁꯟ ꯇꯧꯏ, ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌ ꯃꯁꯥꯅꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯒꯗꯕꯅꯤ .

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

ꯇꯩꯊꯕꯥ ꯄꯦꯟꯁꯟ ꯅꯦꯛꯁ ꯂꯦꯚꯦꯜ ꯀꯦꯐꯤꯌꯦꯍ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯈꯤꯕꯥ ꯂꯩꯔꯃꯂꯣꯏꯗꯕꯅꯤ꯫ ꯐꯣꯇꯣ ꯕꯨꯊ ꯗꯥꯗꯤ ꯔꯣ ꯗꯦꯅꯤꯝ ꯂꯦꯇꯔꯞꯔꯦꯁ ꯚꯦꯒꯥꯟ ꯃꯦꯁꯦꯟꯖꯔ ꯕꯦꯒ ꯁ꯭ꯇꯝꯄꯇꯥꯎꯟ꯫ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ ꯁꯦꯏꯇꯟ, mcsweeneyꯒꯤ ꯐꯤꯛꯁꯤ ꯁꯁ꯭ꯇꯦꯅꯦꯕꯜ ꯀꯨꯏꯅꯣꯌꯥ ꯸-ꯕꯤꯠ ꯑꯃꯦꯔꯤꯀꯥꯟ ꯑꯦꯄꯔꯦꯂꯁꯤꯡꯗꯥ ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯚꯤꯅꯥꯏꯜ ꯆꯦꯝꯕ꯭ꯔꯦ ꯑꯃꯥ ꯂꯩ꯫ ꯗꯥꯗꯤ ꯁ꯭ꯇꯝꯄꯇꯥꯎꯟ, ꯀꯥꯔꯗꯤꯒꯥꯅꯁꯤꯡ ꯕꯥꯟꯍ ꯃꯤ ꯂꯣꯃꯣ ꯊꯟꯗꯔꯀꯦꯠꯁ꯫ ꯇꯣꯐꯨ ꯕꯥꯏꯑꯣꯗꯤꯖꯦꯜ ꯋꯤꯂꯤꯌꯃꯁꯕꯔꯒ ꯃꯥꯔꯐꯥ, ꯐꯣꯔ ꯂꯣꯀꯣ ꯃꯦꯀꯁꯨꯏꯅꯤꯒꯤ ꯀ꯭ꯂꯤꯅꯁ ꯚꯦꯒꯥꯟ ꯆꯦꯝꯕ꯭ꯔꯦ꯫ ꯇꯁꯦꯡꯅꯥ ꯏꯔꯣꯅꯤꯛ ꯑꯥꯔꯇꯤꯁꯥꯟ ꯑꯃꯥ ꯑꯣꯏꯔꯕꯁꯨ ꯀꯦꯌꯔ , ꯁꯤꯅꯦꯁ꯭ꯇꯔ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ ꯕꯦꯉ꯭ꯀꯁꯤ ꯑꯣꯁ꯭ꯇꯤꯟ ꯇ꯭ꯕꯤꯇꯔ ꯍꯦꯟꯗꯜ ꯐ꯭ꯔꯤꯒꯥꯟ ꯀ꯭ꯔꯦꯗ ꯔꯣ ꯗꯦꯅꯤꯝ ꯁꯤꯉ꯭ꯒꯜ-ꯑꯣꯔꯤꯖꯤꯟ ꯀꯐꯤ ꯚꯥꯏꯔꯜ꯫

ꯃꯥꯏꯀꯩ ꯃꯔꯤ꯫

ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯗꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ, ꯅꯍꯥꯛꯅꯥ containerꯑꯄꯥꯝꯕꯥ ꯁꯥꯏꯗ ꯏꯐꯦꯛꯇꯁꯤꯡ ꯊꯤꯡꯅꯕꯥ (ꯃꯈꯥꯗꯥ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯇꯧꯔꯤꯕꯥ) ꯑꯣꯄꯁꯟ ꯑꯗꯨ ꯁꯦꯠ ꯇꯧꯒꯗꯕꯅꯤ꯫


ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯤꯌꯨ:

  1. $ ( '#ꯈꯨꯗꯝ' ). ꯇꯨꯂꯇꯤꯞ ( ꯑꯣꯄꯁꯅꯁꯤꯡ ) .

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

ꯃꯤꯡ ꯃꯈꯜ ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ ꯋꯥꯔꯣꯜ
ꯑꯦꯅꯤꯃꯦꯁꯟ ꯇꯧꯕꯥ꯫ ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ ꯑꯆꯨꯝꯕ ꯇꯨꯂꯇꯤꯄꯇꯥ css ꯐꯦꯗ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫
html ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯔꯤ꯫ ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ ꯑꯔꯥꯟꯕ ꯇꯨꯂꯇꯤꯄꯇꯥ html ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯔꯥꯅꯕꯥ ꯑꯣꯏꯔꯕꯗꯤ, jqueryꯒꯤ textꯃꯦꯊꯗ ꯑꯁꯤ ꯗꯣꯃꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ XSS ꯑꯦꯇꯦꯀꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯇꯥꯔꯕꯗꯤ ꯇꯦꯛꯁꯠ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫ ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ 'ꯃꯊꯛ' ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯒꯅꯤ - ꯃꯊꯛꯇꯥ | ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ | ꯂꯦꯃꯍꯧꯔꯤꯕꯥ | ꯆꯨꯝꯃꯤ
ꯁꯦꯂꯦꯛꯇꯔ ꯑꯣꯏꯕꯥ꯫ ꯄꯔꯦꯡ ꯑꯔꯥꯟꯕ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯇꯨꯂꯇꯤꯞ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯇꯥꯔꯒꯦꯠꯁꯤꯡꯗꯥ ꯗꯦꯂꯤꯒꯦꯠ ꯇꯧꯒꯅꯤ꯫
ꯃꯤꯡꯊꯣꯜ ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ '' . ꯀꯔꯤꯒꯨꯝꯕꯥ `title` ꯇꯦꯒ ꯑꯗꯨ ꯂꯩꯠꯔꯕꯗꯤ ꯗꯤꯐꯣꯜꯇ ꯇꯥꯏꯇꯜ ꯚꯦꯜꯌꯨ
ꯀꯔꯤꯒꯨꯝꯕ ꯑꯃ ꯊꯣꯛꯍꯟꯕ ꯄꯔꯦꯡ ‘ꯍꯣꯚꯔ ꯐꯣꯀꯁ’ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯒꯅꯤ - ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯣ | ꯍꯣꯚꯔ ꯇꯧꯕꯥ | ꯐꯣꯀꯁ ꯇꯧꯕꯥ | ꯏꯁꯥꯅ ꯄꯥꯉꯡꯣꯡꯄ. ꯅꯣꯠ ꯇꯧꯕꯤꯌꯨ ꯅꯍꯥꯛꯅꯥ ꯀꯦꯁ ꯄꯥꯁ ꯇ꯭ꯔꯤꯒꯔ ꯃꯇꯂꯤꯄꯜ, ꯁ꯭ꯄꯦꯁ ꯁꯦꯄꯥꯔꯦꯠ ꯇꯧꯕꯥ, ꯇ꯭ꯔꯤꯒꯔ ꯃꯈꯂꯁꯤꯡ꯫
ꯊꯦꯡꯊꯕ ꯃꯁꯤꯡ | ꯄꯣꯠꯂꯝ

ꯇꯨꯂꯇꯤꯞ (ms) ꯎꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯊꯦꯡꯊꯕꯥ - ꯃꯦꯅꯨꯑꯦꯜ ꯇ꯭ꯔꯤꯒꯔ ꯃꯈꯜ ꯑꯗꯨꯗꯥ ꯆꯠꯅꯔꯣꯏ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯝꯕꯔ ꯑꯃꯥ ꯁꯞꯂꯥꯏ ꯇꯧꯔꯕꯗꯤ, ꯂꯣꯠꯄꯥ/ꯁꯣ ꯑꯅꯤꯃꯛꯇꯥ ꯊꯦꯡꯊꯕꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯏ꯫

ꯑꯣꯕꯖꯦꯛꯇ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤꯅꯤ:delay: { show: 500, hide: 100 }

ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯁ꯭ꯠꯔꯤꯡ | ꯑꯔꯥꯟꯕ ꯑꯔꯥꯟꯕ

ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯑꯀꯛꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯑꯦꯄꯦꯟꯗ ꯇꯧꯏ꯫container: 'body'

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯄꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫

ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯥ꯫

  1. <a href = "#" data-toggle = "ꯇꯨꯂꯇꯤꯞ" title = "ꯑꯍꯥꯅꯕꯥ ꯇꯨꯂꯇꯤꯞ" > ꯑꯩꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯣꯚꯔ ꯇꯧꯕꯤꯌꯨ </a>

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

$().ꯇꯨꯂꯇꯤꯞ(ꯑꯣꯄꯁꯅꯁꯤꯡ)

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯀꯂꯦꯛꯁꯟ ꯑꯃꯗꯥ ꯇꯨꯂꯇꯤꯞ ꯍꯦꯟꯗꯂꯔ ꯑꯃꯥ ꯑꯦꯇꯦꯆ ꯇꯧꯏ꯫

.ꯇꯨꯂꯇꯤꯞ('ꯌꯦꯡꯎ')

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯐꯣꯡꯗꯣꯀꯏ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ ꯇꯨꯂꯇꯤꯞ ( 'ꯌꯦꯡꯎ' ) .

.ꯇꯨꯂꯇꯤꯞ('ꯂꯨꯠꯄꯥ')

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ ꯇꯨꯂꯇꯤꯞ ( 'ꯂꯨꯠꯄꯥ' ) .

.ꯇꯨꯂꯇꯤꯞ('ꯇꯣꯒꯜ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯇꯣꯒꯜ ꯇꯧꯏ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ ꯇꯨꯂꯇꯤꯞ ( 'ꯇꯣꯒꯜ' ꯇꯧꯕꯥ ) .

.tooltip('ꯃꯥꯡꯗꯣꯀꯄꯥ')

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯍꯜꯂꯤ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ ꯇꯨꯂꯇꯤꯞ ( 'ꯃꯥꯡꯗꯣꯀꯄꯥ' ) .

ꯈꯨꯗꯃꯁꯤꯡ꯫

ꯁꯦꯀꯦꯟꯗꯔꯤ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯍꯥꯎꯖꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯥꯏꯄꯦꯗꯇꯥ ꯂꯩꯕꯒꯨꯝꯅꯥ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯑꯄꯤꯀꯄꯥ ꯑꯣꯚꯔꯂꯦꯏꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯅꯕꯥ ꯕꯇꯟ ꯑꯗꯨꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯣꯚꯔ ꯇꯧ꯫ ꯇꯨꯂꯇꯤꯞ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯁ꯭ꯇꯦꯇꯤꯛ ꯄꯣꯄꯑꯣꯚꯔ꯫

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

ꯄꯣꯄꯣꯚꯔ ꯇꯞꯄꯥ꯫

ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫

ꯄꯣꯄꯣꯚꯔ ꯔꯥꯏꯠ꯫

ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫

ꯄꯣꯄꯣꯚꯔ ꯕꯣꯇꯝ꯫

ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫

ꯄꯣꯄꯣꯚꯔꯅꯥ ꯆꯠꯈꯤ꯫

ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫

dataꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯣꯏꯅꯥ ꯎꯠꯂꯤꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯃꯠꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯟꯇꯇꯒꯤ ꯖꯦꯅꯦꯔꯦꯠ ꯇꯧꯗꯦ꯫

ꯂꯥꯏꯚ ꯗꯦꯃꯣ꯫

ꯃꯥꯏꯀꯩ ꯃꯔꯤ꯫


ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

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

  1. $ ( '#ꯈꯨꯗꯝ' ). ꯄꯣꯄꯑꯣꯚꯔ ( ꯑꯣꯄꯁꯅꯁꯤꯡ ) .

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

ꯃꯤꯡ ꯃꯈꯜ ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ ꯋꯥꯔꯣꯜ
ꯑꯦꯅꯤꯃꯦꯁꯟ ꯇꯧꯕꯥ꯫ ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ ꯑꯆꯨꯝꯕ ꯇꯨꯂꯇꯤꯄꯇꯥ css ꯐꯦꯗ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫
html ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯔꯤ꯫ ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ ꯑꯔꯥꯟꯕ ꯄꯣꯄꯣꯚꯔꯗꯥ html ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯔꯥꯅꯕꯥ ꯑꯣꯏꯔꯕꯗꯤ, jqueryꯒꯤ textꯃꯦꯊꯗ ꯑꯁꯤ ꯗꯣꯃꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ XSS ꯑꯦꯇꯦꯀꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯇꯥꯔꯕꯗꯤ ꯇꯦꯛꯁꯠ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫ ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ 'ꯆꯨꯝꯃꯤ' ꯄꯣꯄꯣꯚꯔ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯒꯅꯤ - ꯃꯊꯛꯇꯥ | ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ | ꯂꯦꯃꯍꯧꯔꯤꯕꯥ | ꯆꯨꯝꯃꯤ
ꯁꯦꯂꯦꯛꯇꯔ ꯑꯣꯏꯕꯥ꯫ ꯄꯔꯦꯡ ꯑꯔꯥꯟꯕ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯇꯨꯂꯇꯤꯞ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯇꯥꯔꯒꯦꯠꯁꯤꯡꯗꯥ ꯗꯦꯂꯤꯒꯦꯠ ꯇꯧꯒꯅꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕ ꯑꯃ ꯊꯣꯛꯍꯟꯕ ꯄꯔꯦꯡ ‘ꯀ꯭ꯂꯤꯛ’ ꯇꯧꯕꯥ꯫ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯁꯤ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯒꯦ - ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯤꯌꯨ | ꯍꯣꯚꯔ ꯇꯧꯕꯥ | ꯐꯣꯀꯁ ꯇꯧꯕꯥ | ꯏꯁꯥꯅ ꯄꯥꯉꯡꯣꯡꯄ
ꯃꯤꯡꯊꯣꯜ ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ '' . ꯀꯔꯤꯒꯨꯝꯕꯥ `title` ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯂꯩꯠꯔꯕꯗꯤ ꯗꯤꯐꯣꯜꯇ ꯇꯥꯏꯇꯜ ꯚꯦꯜꯌꯨ
ꯑꯌꯥꯎꯕ ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ '' . ꯀꯔꯤꯒꯨꯝꯕꯥ `ꯗꯦꯇꯥ-ꯀꯟꯇꯦꯟꯇ` ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯂꯩꯠꯔꯕꯗꯤ ꯗꯤꯐꯣꯜꯇ ꯀꯟꯇꯦꯟꯇ ꯚꯦꯜꯌꯨ
ꯊꯦꯡꯊꯕ ꯃꯁꯤꯡ | ꯄꯣꯠꯂꯝ

ꯄꯣꯄꯣꯚꯔ (ms) ꯎꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯊꯦꯡꯊꯕꯥ - ꯃꯦꯅꯨꯑꯦꯜ ꯇ꯭ꯔꯤꯒꯔ ꯃꯈꯜ ꯑꯗꯨꯗꯥ ꯆꯠꯅꯔꯣꯏ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯝꯕꯔ ꯑꯃꯥ ꯁꯞꯂꯥꯏ ꯇꯧꯔꯕꯗꯤ, ꯂꯣꯠꯄꯥ/ꯁꯣ ꯑꯅꯤꯃꯛꯇꯥ ꯊꯦꯡꯊꯕꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯏ꯫

ꯑꯣꯕꯖꯦꯛꯇ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤꯅꯤ:delay: { show: 500, hide: 100 }

ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯁ꯭ꯠꯔꯤꯡ | ꯑꯔꯥꯟꯕ ꯑꯔꯥꯟꯕ

ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯑꯦꯄꯦꯟꯗ ꯇꯧꯏ꯫container: 'body'

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ!ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫

ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯥ꯫

ꯄꯔꯐꯣꯃꯦꯟꯁꯀꯤ ꯃꯔꯃꯁꯤꯡꯅꯥ, ꯇꯨꯂꯇꯤꯞ ꯑꯃꯁꯨꯡ ꯄꯣꯄꯣꯚꯔ ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯁ ꯑꯁꯤ ꯑꯣꯄꯁꯟ ꯇꯧꯏ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯄꯥꯝꯂꯕꯗꯤ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯈꯛꯇꯃꯛ ꯇꯥꯀꯄꯤꯌꯨ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

$().popover(ꯑꯣꯄꯁꯅꯁꯤꯡ) ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫

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

.ꯄꯣꯄꯣꯚꯔ('ꯌꯦꯡꯎ') .

ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯄꯣꯄꯑꯣꯚꯔ ꯑ��ꯥ ꯐꯣꯡꯗꯣꯀꯏ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ ꯄꯣꯄꯣꯚꯥꯔ ( 'ꯁꯥꯟꯅꯧ' ) .

.ꯄꯣꯄꯣꯚꯔ('ꯂꯨꯀꯄꯥ')

ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ ꯄꯣꯄꯣꯚꯥꯔ ( 'ꯂꯨꯀꯄꯥ' ) .

.popover('ꯇꯣꯒꯜ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯃꯥ ꯇꯣꯒꯜ ꯇꯧꯏ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ popover ( 'ꯇꯣꯒꯜ' ꯇꯧꯕꯥ ) .

.popover('ꯃꯥꯡꯗꯣꯀꯄꯥ')

ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯍꯜꯂꯤ꯫

  1. $ ( '#ꯏꯂꯤꯃꯦꯟꯇ' )꯫ ꯄꯣꯄꯣꯚꯥꯔ ( ' ꯃꯥꯡꯗꯣꯀꯄꯥ ' ) .

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯑꯦꯂꯔꯇꯁꯤꯡ꯫

ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯂꯔꯠ ꯃꯦꯁꯦꯖ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯗꯤꯁꯃꯤꯁ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯁꯦꯡꯂꯕꯥ ꯒꯨꯌꯥꯀꯥꯃꯣꯜ! ꯕꯦꯁ꯭ꯠ ꯆꯦꯛ ꯌꯣ ꯁꯦꯜꯐ, ꯅꯍꯥꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯎꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫

ꯑꯣꯍ ꯁ꯭ꯅꯦꯞ! ꯑꯗꯣꯝꯅꯥ ꯑꯁꯣꯏꯕꯥ ꯑꯃꯥ ꯐꯪꯂꯦ!

ꯃꯁꯤ ꯑꯃꯁꯨꯡ ꯃꯗꯨ ꯍꯣꯡꯗꯣꯀꯎ ꯑꯃꯁꯨꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯍꯣꯠꯅꯧ꯫ ꯗꯨꯏꯁ ꯃꯣꯂꯤꯁ, ꯑꯦꯁ꯭ꯠ ꯅꯟ ꯀꯃꯣꯗꯣ ꯂꯨꯛꯇꯁ, ꯅꯤꯁꯤ ꯑꯦꯔꯥꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯤꯒꯨꯂꯥ, ꯑꯦꯒꯦꯠ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯑꯣꯗꯤꯑꯣ ꯁꯦꯝ ꯅꯦꯛ ꯏꯂꯤꯠ꯫ ꯀ꯭ꯔꯥꯁ ꯃꯦꯇꯤꯁ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯄꯨꯔꯨꯁ ꯁꯤꯠ ꯑꯦꯃꯦꯠ ꯐꯔꯃꯦꯟꯇꯝ꯫

ꯑꯦꯛꯁꯟ ꯑꯁꯤ ꯂꯧꯈꯠꯀꯗꯕꯅꯤ꯫ ꯅꯠꯔꯒꯥ ꯃꯁꯤ ꯇꯧꯕꯤꯌꯨ꯫


ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

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

  1. $ ( ".ꯑꯦꯂꯔꯠ" ) ꯑꯁꯤꯅꯤ꯫ ꯑꯦꯂꯔꯠ ꯇꯧꯕꯥ ()

ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯥ꯫

data-dismiss="alert"ꯑꯦꯂꯔꯠ ꯀ꯭ꯂꯣꯖ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯑꯃꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯄꯤꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯀ꯭ꯂꯣꯖ ꯕꯇꯟ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <a class = "ꯀ꯭ꯂꯣꯖ" data-dismiss = "ꯑꯦꯂꯔꯠ" href = "#" > &ꯇꯥꯏꯃꯁ; </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

$().ꯑꯦꯂꯔꯠ() ꯑꯁꯤꯅꯤ꯫

ꯑꯦꯂꯔꯠ ꯄꯨꯝꯅꯃꯛ ꯀ꯭ꯂꯣꯖ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯔꯦꯞ ꯇꯧꯏ꯫ ꯂꯣꯗ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯑꯗꯨ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯅꯕꯥ, ꯃꯈꯣꯌꯗꯥ ꯍꯥꯟꯅꯅꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯕꯥ .fadeꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯅꯒꯗꯕꯅꯤ꯫.in

.alert('ꯀ꯭ꯂꯣꯖ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯑꯦꯂꯔꯠ ꯑꯃꯥ ꯂꯣꯗ ꯇꯧꯏ꯫

  1. $ ( ".ꯑꯦꯂꯔꯠ" ) ꯑꯁꯤꯅꯤ꯫ alert ( 'ꯀ꯭ꯂꯣꯖ' ꯇꯧꯕꯥ ) .

ꯊꯧꯔꯃꯁꯤꯡ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯑꯦꯂꯔꯠ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯅꯥ ꯑꯦꯂꯔꯠ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯈꯔꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ꯫

ꯊꯧꯔꯝ ꯋꯥꯔꯣꯜ
ꯈꯨꯝꯖꯤꯟꯕ closeꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯊꯤꯡꯖꯤꯅꯈ꯭ꯔꯦ꯫ ꯑꯦꯂꯔꯠ ꯑꯗꯨ ꯂꯣꯗ ꯇꯧꯔꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯐꯥꯏꯔ ꯇꯧꯏ (css ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫
  1. $ ( '#ꯑꯩꯒꯤ-ꯑꯦꯂꯔꯠ' ). bind ( 'ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ' , ꯐꯉ꯭ꯀꯁꯟ () {
  2. // ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯇꯧꯕꯥ...
  3. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯔꯤ꯫

ꯕꯇꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯦꯟꯅꯥ ꯇꯧ꯫ ꯀꯟꯠꯔꯣꯜ ꯕꯇꯟ ꯁ꯭ꯇꯦꯠ ꯇꯧꯏ ꯅꯠꯠꯔꯒꯥ ꯇꯨꯂꯕꯥꯔꯒꯨꯝꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯀꯥꯡꯂꯨꯄꯁꯤꯡ ꯁꯦꯝꯃꯤ꯫

ꯔꯥꯖ꯭ꯌꯒꯤ ꯑꯣꯏꯕꯥ꯫

data-loading-text="Loading..."ꯕꯇꯟ ꯑꯃꯗꯥ ꯂꯣꯗꯤꯡ ꯁ꯭ꯇꯦꯠ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <button type = "button" class = "btn btn-primary" data-loading-text = "ꯂꯣꯗ ꯇꯧꯔꯤ..." > ꯂꯣꯗ ꯇꯧꯔꯤꯕꯥ ꯐꯤꯚꯝ </button>

ꯁꯤꯉ꯭ꯒꯜ ꯇꯣꯒꯜ ꯇꯧꯕꯥ꯫

data-toggle="button"ꯕꯇꯟ ꯑꯃꯈꯛꯇꯗꯥ ꯇꯣꯒꯂꯤꯡ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ" data-toggle = "ꯕꯇꯟ" > ꯁꯤꯉ꯭ꯒꯜ ꯇꯣꯒꯜ </button>

ꯆꯦꯀꯕꯣꯛꯁ ꯑꯃꯥ꯫

data-toggle="buttons-checkbox"btn-ꯒ꯭ꯔꯨꯄꯇꯥ ꯆꯦꯀꯕꯣꯛꯁ ꯁ꯭ꯇꯥꯏꯜ ꯇꯣꯒꯂꯤꯡꯒꯤꯗꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <div ꯀ꯭ꯂꯥꯁ = "btn-ꯒ꯭ꯔꯨꯞ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯅꯁꯤꯡ-ꯆꯦꯀꯕꯣꯛꯁ" >
  2. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ" > ꯂꯦꯃꯍꯧꯔꯤꯕꯥ </ꯕꯇꯟ>
  3. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ" > ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ </ꯕꯇꯟ>
  4. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ" > ꯑꯔꯣꯏꯕꯥ </ꯕꯇꯟ>
  5. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯔꯦꯗꯤꯑꯣꯗꯥ ꯂꯩꯕꯥ꯫

data-toggle="buttons-radio"btn-ꯒ꯭ꯔꯨꯄꯇꯥ ꯔꯦꯗꯤꯑꯣ ꯁ꯭ꯇꯥꯏꯜ ꯇꯣꯒꯂꯤꯡꯒꯤꯗꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <div ꯀ꯭ꯂꯥꯁ = "btn-ꯒ꯭ꯔꯨꯞ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯅꯁꯤꯡ-ꯔꯦꯗꯤꯑꯣ" >
  2. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ" > ꯂꯦꯃꯍꯧꯔꯤꯕꯥ </ꯕꯇꯟ>
  3. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ" > ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ </ꯕꯇꯟ>
  4. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ" > ꯑꯔꯣꯏꯕꯥ </ꯕꯇꯟ>
  5. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

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

  1. $ ( '.ꯅꯦꯚ-ꯇꯦꯕꯁꯤꯡ' ). ꯕꯣꯇꯥꯝ ꯑꯃꯥ () .

ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯥ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯑꯁꯤ ꯕꯇꯟ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯃꯆꯥꯛ ꯑꯃꯅꯤ꯫ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯃꯈꯂꯁꯤꯡꯒꯤꯗꯃꯛ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯝ ꯀꯣꯗ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

ꯑꯃꯠꯇ ꯅꯠꯇꯦ

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

$().ꯕꯇꯟ('ꯇꯣꯒꯜ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯄꯨꯁ ꯁ꯭ꯇꯦꯠ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯕꯇꯟ ꯑꯗꯨꯗꯥ ꯃꯁꯤ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯔꯦ ꯍꯥꯌꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯗꯨ ꯄꯤꯔꯤ꯫

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! data-toggleꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯕꯇꯟ ꯑꯃꯒꯤ ꯑꯣꯇꯣ ꯇꯣꯒꯂꯤꯡ ꯏꯅꯦꯕꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫
  1. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯟ" > ... </ꯕꯇꯟ>

$().ꯕꯇꯟ('ꯂꯣꯗ ꯇꯧꯕꯥ')

ꯕꯇꯟ ꯁ꯭ꯇꯦꯠ ꯑꯗꯨ ꯂꯣꯗ ꯇꯧꯕꯗꯥ ꯁꯦꯠ ꯇꯧꯏ - ꯕꯇꯟ ꯑꯗꯨ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯇꯦꯛꯁꯠ ꯑꯗꯨ ꯂꯣꯗ ꯇꯧꯔꯤꯕꯥ ꯇꯦꯛꯁꯇꯇꯥ ꯁ꯭ꯕ꯭ꯌꯥꯞ ꯇꯧꯏ꯫ ꯂꯣꯗ ꯇꯧꯔꯤꯕꯥ ꯇꯦꯛꯁꯠ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕꯇꯟ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯗꯤꯐꯥꯏꯟ ꯇꯧꯒꯗꯕꯅꯤ data-loading-text.

  1. <button type = "ꯕꯇꯟ" class = "btn" data-loading-text = "ꯁ꯭ꯇꯣꯐ ꯂꯣꯗ ꯇꯧꯔꯤ..." > ... </ꯕꯇꯟ>
ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯐꯥꯏꯔꯐꯛꯁꯅꯥ ꯄꯦꯖ ꯂꯣꯗꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯁ꯭ꯇꯦꯠ ꯑꯗꯨ ꯂꯦꯡꯗꯅꯥ ꯊꯝꯂꯤ . ꯃꯁꯤꯒꯤ ꯋꯥꯔꯀꯔꯎꯟꯗ ꯑꯃꯗꯤ ꯁꯤꯖꯤꯟꯅꯕꯅꯤ autocomplete="off".

$().ꯕꯇꯟ('ꯔꯤꯁꯦꯠ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯕꯇꯟ ꯁ꯭ꯇꯦꯠ ꯔꯤꯁꯦꯠ ꯇꯧꯏ - ꯇꯦꯛꯁꯠ ꯑꯗꯨ ꯑꯣꯔꯤꯖꯤꯅꯦꯜ ꯇꯦꯛꯁꯇꯇꯥ ꯁꯣꯞ ꯇꯧꯏ꯫

$().ꯕꯇꯟ(ꯁ꯭ꯠꯔꯤꯡ) ꯑꯁꯤꯅꯤ꯫

ꯕꯇꯟ ꯁ꯭ꯇꯦꯠ ꯔꯤꯁꯦꯠ ꯇꯧꯏ - ꯇꯦꯛꯁꯠ ꯑꯗꯨ ꯗꯦꯇꯥ ꯗꯤꯐꯥꯏꯟ ꯇꯧꯔꯕꯥ ꯇꯦꯛꯁꯠ ꯁ꯭ꯇꯦꯠ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯁ꯭ꯕ꯭ꯌꯥꯞ ꯇꯧꯏ꯫

  1. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn" ꯗꯦꯇꯥ-ꯀꯝꯞꯂꯤꯠ-ꯇꯦꯛꯁ = "ꯂꯣꯏꯔꯦ!" > ... </ꯕꯇꯟ>ꯗꯥ ꯊꯝꯃꯨ꯫
  2. <ꯁ꯭ꯛꯔꯤꯞꯇ> ꯍꯥꯌꯕꯁꯤꯅꯤ꯫
  3. $ ( '.ꯕꯤ.ꯇꯤ.ꯑꯦꯟ.' )꯫ ꯕꯇꯟ ( 'ꯃꯄꯨꯡ ꯐꯥꯕꯥ' ) .
  4. </script>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫

ꯃꯔꯝꯗꯤ

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

* ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡꯒꯤ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯑꯦꯀꯣꯔꯗꯟ꯫

ꯀꯣꯂꯥꯞꯁ ꯄ꯭ꯂꯒꯏꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯑꯦꯀꯣꯔꯗꯟ ꯁ꯭ꯇꯥꯏꯜ ꯋꯤꯖꯇꯦꯝ ꯑꯃꯥ ꯁꯦꯃꯈꯤ:

ꯑꯅꯤꯝ ꯄꯥꯔꯤꯑꯦꯇꯨꯔ ꯀ꯭ꯂꯤꯆ ꯔꯤꯞꯔꯦꯍꯦꯟꯗꯔꯤꯠ, ꯑꯦꯅꯤꯝ ꯏꯌꯨꯁꯃꯣꯗ ꯍꯥꯏ ꯂꯥꯏꯐ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯑꯦꯗ ꯁ꯭ꯀꯨꯏꯗ꯫ ꯳ ꯋꯨꯜꯐ ꯃꯨꯟ ꯑꯣꯐꯤꯁꯤꯌꯥ ꯑꯎꯇꯦ, ꯅꯟ ꯀ꯭ꯌꯨꯄꯤꯗꯥꯠ ꯁ꯭ꯀꯦꯇꯕꯣꯔꯗ ꯗꯣꯂꯣꯔ ꯕ꯭ꯔꯟꯆ꯫ ꯐꯨꯗ ꯇ꯭ꯔꯛ ꯀꯨꯏꯅꯣꯌꯥ ꯅꯦꯁꯁꯤꯎꯟꯇ ꯂꯦꯕꯣꯔꯝ ꯏꯌꯨꯁꯃꯣꯗ꯫ ꯕ꯭ꯔꯟꯆ ꯳ ꯋꯨꯜꯐ ꯃꯟ ꯇꯦꯝꯄꯣꯔ, ꯁꯟꯇ ꯑꯦꯂꯤꯛꯌꯨꯌꯥꯅꯥ ꯃꯁꯤꯗꯥ ꯄꯥꯈꯪ ꯑꯃꯥ ꯊꯝꯃꯤ ꯁ꯭ꯀꯨꯏꯗ ꯁꯤꯉ꯭ꯒꯜ-ꯑꯣꯔꯤꯖꯤꯟ ꯀꯐꯤ ꯅꯨꯜꯂꯥ ꯑꯦꯁꯨꯃꯦꯟꯗꯥ ꯁꯣꯔꯦꯗꯤꯆ ꯑꯦꯠ. ꯅꯤꯍꯤꯜ ꯑꯦꯅꯤꯝ ꯀꯦꯐꯤꯌꯦꯍ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ, ꯀ꯭ꯔꯥꯐ꯭ꯠ ꯕꯤꯌꯔ ꯂꯦꯕꯔ ꯋꯦꯁ ꯑꯦꯟꯗꯔꯁꯟ ꯀ꯭ꯔꯦꯗ ꯅꯦꯁꯁꯤꯎꯟꯇ ꯁꯦꯄꯤꯌꯦꯟꯇ ꯏꯑꯦ ꯄ꯭ꯔꯣꯏꯗꯦꯟꯇ꯫ ꯑꯦꯗ ꯚꯦꯒꯥꯟ ꯑꯦꯛꯁꯦꯞꯇꯔ ꯕꯨꯠꯆꯦꯔ ꯚꯥꯏꯁ ꯂꯣꯃꯣ꯫ ꯂꯦꯒꯤꯡꯁ ꯑꯣꯀꯦꯀꯦꯠ ꯀ꯭ꯔꯥꯐ꯭ꯠ ꯕꯤꯌꯔ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ, ꯑꯀꯪꯕꯥ ꯗꯦꯅꯤꯝ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ ꯁꯤꯟꯊ ꯅꯦꯁꯤꯌꯟꯇ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯕꯥ ꯐꯪꯂꯃꯂꯣꯏꯗꯕꯅꯤ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ ꯂꯦꯕꯔ ꯁꯁ꯭ꯇꯦꯅꯦꯕꯜ ꯚꯤ.ꯑꯩꯆ.ꯑꯦꯁ.
ꯑꯅꯤꯝ ꯄꯥꯔꯤꯑꯦꯇꯨꯔ ꯀ꯭ꯂꯤꯆ ꯔꯤꯞꯔꯦꯍꯦꯟꯗꯔꯤꯠ, ꯑꯦꯅꯤꯝ ꯏꯌꯨꯁꯃꯣꯗ ꯍꯥꯏ ꯂꯥꯏꯐ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯑꯦꯗ ꯁ꯭ꯀꯨꯏꯗ꯫ ꯳ ꯋꯨꯜꯐ ꯃꯨꯟ ꯑꯣꯐꯤꯁꯤꯌꯥ ꯑꯎꯇꯦ, ꯅꯟ ꯀ꯭ꯌꯨꯄꯤꯗꯥꯠ ꯁ꯭ꯀꯦꯇꯕꯣꯔꯗ ꯗꯣꯂꯣꯔ ꯕ꯭ꯔꯟꯆ꯫ ꯐꯨꯗ ꯇ꯭ꯔꯛ ꯀꯨꯏꯅꯣꯌꯥ ꯅꯦꯁꯁꯤꯎꯟꯇ ꯂꯦꯕꯣꯔꯝ ꯏꯌꯨꯁꯃꯣꯗ꯫ ꯕ꯭ꯔꯟꯆ ꯳ ꯋꯨꯜꯐ ꯃꯟ ꯇꯦꯝꯄꯣꯔ, ꯁꯟꯇ ꯑꯦꯂꯤꯛꯌꯨꯌꯥꯅꯥ ꯃꯁꯤꯗꯥ ꯄꯥꯈꯪ ꯑꯃꯥ ꯊꯝꯃꯤ ꯁ꯭ꯀꯨꯏꯗ ꯁꯤꯉ꯭ꯒꯜ-ꯑꯣꯔꯤꯖꯤꯟ ꯀꯐꯤ ꯅꯨꯜꯂꯥ ꯑꯦꯁꯨꯃꯦꯟꯗꯥ ꯁꯣꯔꯦꯗꯤꯆ ꯑꯦꯠ. ꯅꯤꯍꯤꯜ ꯑꯦꯅꯤꯝ ꯀꯦꯐꯤꯌꯦꯍ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ, ꯀ꯭ꯔꯥꯐ꯭ꯠ ꯕꯤꯌꯔ ꯂꯦꯕꯔ ꯋꯦꯁ ꯑꯦꯟꯗꯔꯁꯟ ꯀ꯭ꯔꯦꯗ ꯅꯦꯁꯁꯤꯎꯟꯇ ꯁꯦꯄꯤꯌꯦꯟꯇ ꯏꯑꯦ ꯄ꯭ꯔꯣꯏꯗꯦꯟꯇ꯫ ꯑꯦꯗ ꯚꯦꯒꯥꯟ ꯑꯦꯛꯁꯦꯞꯇꯔ ꯕꯨꯠꯆꯦꯔ ꯚꯥꯏꯁ ꯂꯣꯃꯣ꯫ ꯂꯦꯒꯤꯡꯁ ꯑꯣꯀꯦꯀꯦꯠ ꯀ꯭ꯔꯥꯐ꯭ꯠ ꯕꯤꯌꯔ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ, ꯑꯀꯪꯕꯥ ꯗꯦꯅꯤꯝ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ ꯁꯤꯟꯊ ꯅꯦꯁꯤꯌꯟꯇ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯕꯥ ꯐꯪꯂꯃꯂꯣꯏꯗꯕꯅꯤ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ ꯂꯦꯕꯔ ꯁꯁ꯭ꯇꯦꯅꯦꯕꯜ ꯚꯤ.ꯑꯩꯆ.ꯑꯦꯁ.
ꯑꯅꯤꯝ ꯄꯥꯔꯤꯑꯦꯇꯨꯔ ꯀ꯭ꯂꯤꯆ ꯔꯤꯞꯔꯦꯍꯦꯟꯗꯔꯤꯠ, ꯑꯦꯅꯤꯝ ꯏꯌꯨꯁꯃꯣꯗ ꯍꯥꯏ ꯂꯥꯏꯐ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯑꯦꯗ ꯁ꯭ꯀꯨꯏꯗ꯫ ꯳ ꯋꯨꯜꯐ ꯃꯨꯟ ꯑꯣꯐꯤꯁꯤꯌꯥ ꯑꯎꯇꯦ, ꯅꯟ ꯀ꯭ꯌꯨꯄꯤꯗꯥꯠ ꯁ꯭ꯀꯦꯇꯕꯣꯔꯗ ꯗꯣꯂꯣꯔ ꯕ꯭ꯔꯟꯆ꯫ ꯐꯨꯗ ꯇ꯭ꯔꯛ ꯀꯨꯏꯅꯣꯌꯥ ꯅꯦꯁꯁꯤꯎꯟꯇ ꯂꯦꯕꯣꯔꯝ ꯏꯌꯨꯁꯃꯣꯗ꯫ ꯕ꯭ꯔꯟꯆ ꯳ ꯋꯨꯜꯐ ꯃꯟ ꯇꯦꯝꯄꯣꯔ, ꯁꯟꯇ ꯑꯦꯂꯤꯛꯌꯨꯌꯥꯅꯥ ꯃꯁꯤꯗꯥ ꯄꯥꯈꯪ ꯑꯃꯥ ꯊꯝꯃꯤ ꯁ꯭ꯀꯨꯏꯗ ꯁꯤꯉ꯭ꯒꯜ-ꯑꯣꯔꯤꯖꯤꯟ ꯀꯐꯤ ꯅꯨꯜꯂꯥ ꯑꯦꯁꯨꯃꯦꯟꯗꯥ ꯁꯣꯔꯦꯗꯤꯆ ꯑꯦꯠ. ꯅꯤꯍꯤꯜ ꯑꯦꯅꯤꯝ ꯀꯦꯐꯤꯌꯦꯍ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ, ꯀ꯭ꯔꯥꯐ꯭ꯠ ꯕꯤꯌꯔ ꯂꯦꯕꯔ ꯋꯦꯁ ꯑꯦꯟꯗꯔꯁꯟ ꯀ꯭ꯔꯦꯗ ꯅꯦꯁꯁꯤꯎꯟꯇ ꯁꯦꯄꯤꯌꯦꯟꯇ ꯏꯑꯦ ꯄ꯭ꯔꯣꯏꯗꯦꯟꯇ꯫ ꯑꯦꯗ ꯚꯦꯒꯥꯟ ꯑꯦꯛꯁꯦꯞꯇꯔ ꯕꯨꯠꯆꯦꯔ ꯚꯥꯏꯁ ꯂꯣꯃꯣ꯫ ꯂꯦꯒꯤꯡꯁ ꯑꯣꯀꯦꯀꯦꯠ ꯀ꯭ꯔꯥꯐ꯭ꯠ ꯕꯤꯌꯔ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ, ꯑꯀꯪꯕꯥ ꯗꯦꯅꯤꯝ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ ꯁꯤꯟꯊ ꯅꯦꯁꯤꯌꯟꯇ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯕꯥ ꯐꯪꯂꯃꯂꯣꯏꯗꯕꯅꯤ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ ꯂꯦꯕꯔ ꯁꯁ꯭ꯇꯦꯅꯦꯕꯜ ꯚꯤ.ꯑꯩꯆ.ꯑꯦꯁ.
  1. <div class = "ꯑꯦꯀꯣꯔꯗꯟ" id = "ꯑꯦꯀꯣꯔꯗꯟ2" >
  2. <div class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯒ꯭ꯔꯨꯞ" >
  3. <div class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯍꯦꯗꯤꯡ" >
  4. <a class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯇꯣꯒꯜ" data-toggle = "ꯀꯣꯂꯥꯞꯁ" ꯗꯦꯇꯥ-ꯄꯦꯔꯦꯟꯇ = "#ꯑꯦꯀꯣꯔꯗꯟ2" href = "#ꯀꯣꯂꯥꯞꯁꯋꯥꯟ" >
  5. ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯒ꯭ꯔꯨꯞ ꯑꯥꯏꯇꯦꯝ #1
  6. </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  7. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  8. <div id = "collapseOne" class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯕꯣꯗꯤ ꯀꯣꯂꯥꯞꯁ ꯏꯟ" >
  9. <div class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯏꯅꯥꯔ" >
  10. ꯑꯅꯤꯝ ꯄꯥꯔꯤꯑꯦꯇꯨꯔ ꯀ꯭ꯂꯤꯆ...
  11. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  12. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  13. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  14. <div class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯒ꯭ꯔꯨꯞ" >
  15. <div class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯍꯦꯗꯤꯡ" >
  16. <a class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯇꯣꯒꯜ" data-toggle = "ꯀꯣꯂꯥꯞꯁ" ꯗꯦꯇꯥ-ꯄꯦꯔꯦꯟꯇ = "#ꯑꯦꯀꯣꯔꯗꯟ2" href = "#ꯀꯣꯂꯥꯞꯁꯇꯨ" >
  17. ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯒ꯭ꯔꯨꯞ ꯑꯥꯏꯇꯦꯝ #2
  18. </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  19. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  20. <div id = "collapseTwo" class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯍꯀꯆꯥꯡ ꯁꯣꯀꯄꯥ" >
  21. <div class = "ꯑꯦꯀꯣꯔꯗꯟ-ꯏꯅꯥꯔ" >
  22. ꯑꯅꯤꯝ ꯄꯥꯔꯤꯑꯦꯇꯨꯔ ꯀ꯭ꯂꯤꯆ...
  23. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  24. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  25. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  26. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  27. ...

ꯑꯦꯀꯣꯔꯗꯟ ꯃꯥꯔꯀꯑꯥꯞ ꯌꯥꯑꯣꯗꯅꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯁꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ꯫ ꯑꯇꯣꯞꯄꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯑꯦꯛꯁꯄꯥꯟꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯣꯂꯥꯞꯄꯤꯡ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯕꯇꯟ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫

  1. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "btn btn-ꯈꯨꯗꯣꯡꯊꯤꯕꯥ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯀꯣꯂꯥꯞꯁ" ꯗꯦꯇꯥ-ꯇꯥꯔꯒꯦꯠ = "#ꯗꯦꯃꯣ" >
  2. ꯁꯤꯝꯄꯜ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ꯫
  3. </ꯕꯇꯟ>ꯗꯥ ꯊꯝꯃꯨ꯫
  4.  
  5. <div id = "ꯗꯦꯃꯣ" ꯀ꯭ꯂꯥꯁ = "ꯀꯣꯂꯥꯞꯁ ꯏꯟ" > ... </div>

ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯀꯟꯠꯔꯣꯜ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯦꯁꯥꯏꯟ ꯇꯧꯅꯕꯥ ꯁꯨꯞꯅꯒꯤ ꯑꯦꯗ data-toggle="collapse"ꯑꯃꯁꯨꯡ ꯑꯦ data-targetꯇꯨ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯁꯤꯅꯥ data-targetꯀꯣꯂꯥꯞꯁ ꯑꯗꯨ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯅꯕꯥ css ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯌꯥꯔꯦ. collapseꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯁꯣꯌꯗꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯍꯥꯡꯗꯣꯀꯄꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯑꯍꯦꯅꯕꯥ ꯀ꯭ꯂꯥꯁ ꯍꯥꯄꯆꯤꯜꯂꯨ in.

ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯀꯟꯠꯔꯣꯜ ꯑꯃꯗꯥ ꯑꯦꯀꯣꯔꯗꯅꯒꯨꯝꯕꯥ ꯒ꯭ꯔꯨꯞ ꯃꯦꯅꯦꯖꯃꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ, ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯍꯥꯄꯆꯤꯜꯂꯨ data-parent="#selector". ꯃꯁꯤ ꯊꯕꯛ ꯑꯣꯏꯅꯥ ꯎꯅꯕꯒꯤꯗꯃꯛ ꯗꯦꯃꯣ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯏꯅꯦꯕꯜ ꯇꯧꯕꯤꯌꯨ:

  1. $ ( ".ꯀꯣꯂꯥꯞꯁ ꯇꯧꯕꯥ" ). ꯀꯣꯂꯥꯞꯁ ꯇꯧꯕꯥ () .

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

.ꯀꯣꯂꯥꯞꯁ(ꯑꯣꯄꯁꯅꯁꯤꯡ) .

ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯏ꯫ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯔꯦ object.

  1. $ ( '#ꯑꯩꯒꯤ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ' ). ꯊꯨꯒꯥꯏꯕꯥ ({
  2. toggle : ꯑꯔꯥꯅꯕꯥ ꯇꯧꯕꯥ꯫
  3. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

.collapse('ꯇꯣꯒꯜ') ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯟꯅꯕꯥ ꯇꯣꯒꯜ ꯇꯧꯏ꯫

.collapse('ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ')

ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯎꯠꯂꯤ꯫

.collapse('ꯂꯨꯀꯄꯥ') .

ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫

ꯊꯧꯔꯃꯁꯤꯡ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯀꯣꯂꯥꯄꯁ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯅꯥ ꯀꯣꯂꯥꯄꯁ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯈꯔꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ꯫

ꯊꯧꯔꯝ ꯋꯥꯔꯣꯜ
ꯎꯠꯄ showꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯎꯠꯂꯤ꯫ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯌꯨꯖꯔꯗꯥ ꯀꯣꯂꯥꯞꯁ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯎꯕꯥ ꯐꯪꯍꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (css ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯏꯁꯤꯟꯅꯕꯥ ꯉꯥꯏꯒꯅꯤ)꯫
ꯂꯣꯠꯄ hideꯃꯦꯊꯗ ꯑꯗꯨ ꯀꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯂꯣꯠꯇꯨꯅ ꯊꯕ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯌꯨꯖꯔꯗꯒꯤ ꯀꯣꯂꯥꯞꯁ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (css ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯏꯁꯤꯟꯅꯕꯥ ꯉꯥꯏꯒꯅꯤ)꯫
  1. $ ( '#ꯑꯩꯒꯤ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ' ). on ( 'ꯂꯣꯠꯁꯤꯜꯂꯕꯥ' , ꯐꯉ꯭ꯀꯁꯟ () {
  2. // ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯇꯧꯕꯥ...
  3. }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯈꯨꯗꯝ

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

  1. <ꯏꯅꯄꯨꯠ ꯃꯈꯜ = "ꯇꯦꯛꯁꯠ" ꯗꯦꯇꯥ-ꯄ꯭ꯔꯣꯚꯥꯏꯗ = "ꯇꯥꯏꯄꯍꯦꯗ" >

autocomplete="off"ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯥꯏꯄꯍꯦꯗ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯒꯤ ꯃꯊꯛꯇꯥ ꯗꯤꯐꯣꯜꯇ ꯕ꯭ꯔꯥꯎꯖꯔ ꯃꯦꯅꯨꯁꯤꯡ ꯂꯥꯀꯄꯥ ꯊꯤꯡꯅꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫


ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯃꯊꯛꯀꯤ ꯈꯨꯗꯝ ꯑꯁꯤꯗꯥ ꯎꯠꯂꯤꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯇꯥꯏꯄꯍꯦꯗ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯔꯦꯖꯤꯁ꯭ꯇꯔ ꯇꯧꯅꯕꯥ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯇꯥꯏꯄꯍꯦꯗ ꯑꯗꯨ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯀꯜ ꯇꯧꯕꯤꯌꯨ:

  1. $ ( '.ꯇꯥꯏꯄꯍꯦꯗ' )꯫ ꯇꯥꯏꯄꯍꯦꯗ () ꯑꯁꯤꯅꯤ꯫

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

ꯃꯤꯡ ꯃꯈꯜ ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ ꯋꯥꯔꯣꯜ
ꯍꯣꯔꯛꯐꯝ ꯑꯦꯔꯦ, ꯐꯉ꯭ꯀꯁꯟ ꯇꯧꯕꯥ꯫ [ ] ꯫ ꯃꯥꯌꯣꯛꯇꯥ ꯀ꯭ꯕꯦꯔꯤ ꯇꯧꯒꯗꯕꯥ ꯗꯦꯇꯥ ꯁꯣꯔꯁ ꯑꯗꯨ꯫ ꯁ꯭ꯠꯔꯤꯡꯁꯤꯡꯒꯤ ꯑꯦꯔꯦ ꯑꯃꯥ ꯅꯠꯠꯔꯒꯥ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫ ꯐꯉ꯭ꯀꯁꯟ ꯑꯁꯤ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯅꯤ ꯄꯥꯁ queryꯇꯧꯏ, ꯏꯅꯄꯨꯠ ꯐꯤꯜꯗꯗꯥ ꯂꯩꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯁꯨꯡ processꯀꯣꯂꯕꯦꯛ꯫ processꯐꯉ꯭ꯀꯁꯟ ꯑꯁꯤ ꯀꯣꯂꯕꯦꯀꯀꯤ ꯁꯤꯉ꯭ꯒꯜ ꯑꯥꯔꯒꯨꯃꯦꯟꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯗꯦꯇꯥ ꯁꯣꯔꯁ ꯑꯗꯨ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯁꯤꯅꯛꯔꯣꯟ ꯑꯣꯏꯅꯥ ꯍꯜꯂꯀꯍꯟꯗꯨꯅꯥ ꯁꯤꯅꯛꯔꯣꯟ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫
ꯄꯣꯠꯂꯝꯁꯤꯡ ꯃꯁꯤꯡ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯗꯥ ꯎꯠꯀꯗꯕꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯃꯦꯛꯁ ꯃꯁꯤꯡ꯫
ꯃꯤꯅꯂꯦꯡꯊ꯫ ꯃꯁꯤꯡ ꯑꯣꯇꯣꯀꯃꯞꯂꯤꯠ ꯁꯖꯦꯁꯅꯁꯤꯡ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯤꯅꯤꯃꯝ ꯀꯦꯔꯦꯛꯇꯔ ꯂꯦꯡꯗꯅꯥ ꯂꯩꯕꯥ꯫
ꯃꯦꯆꯔ ꯇꯧꯕꯥ꯫ ꯃꯊꯧ ꯀꯦꯁ ꯏꯅꯁꯦꯟꯁꯤꯇꯤꯕ ꯑꯣꯏꯕꯥ꯫ ꯀ꯭ꯕꯦꯔꯤ ꯑꯃꯅꯥ ꯑꯥꯏꯇꯦꯝ ꯑꯃꯒꯥ ꯃꯥꯟꯅꯕ꯭ꯔꯥ ꯍꯥꯌꯕꯗꯨ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯃꯦꯊꯗ ꯑꯗꯨ꯫ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯔꯦ, ꯃꯗꯨꯒꯤ itemꯃꯥꯌꯣꯛꯇꯥ ꯀ꯭ꯕꯦꯔꯤ ꯑꯗꯨ ꯇꯦꯁ꯭ꯠ ꯇꯧꯒꯗꯕꯅꯤ꯫ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯀ꯭ꯕꯦꯔꯤ ꯑꯁꯤ this.query. trueꯀꯔꯤꯒꯨꯝꯕꯥ ꯀ꯭ꯕꯦꯔꯤ ꯑꯁꯤ ꯃꯦꯆ ꯑꯣꯏꯔꯕꯗꯤ ꯕꯨꯂꯦꯟ ꯑꯃꯥ ꯍꯜꯂꯀꯎ .
ꯁꯣꯔꯇꯔ ꯇꯧꯕꯥ꯫ ꯃꯊꯧ ꯑꯀꯛꯅꯕꯥ ꯃꯦꯆ,
ꯀꯦꯁ ꯁꯦꯟꯁꯤꯇꯤꯕ,
ꯀꯦꯁ ꯏꯅꯁꯦꯟꯁꯤꯇꯤꯕ ꯑꯣꯏꯕꯥ꯫
ꯑꯣꯇꯣꯀꯃꯞꯂꯤꯠ ꯔꯤꯖꯜꯇꯁꯤꯡ ꯁꯣꯔꯠ ꯇꯧꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯃꯦꯊꯗ꯫ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯔꯦ itemsꯑꯃꯁꯨꯡ ꯇꯥꯏꯄꯍꯦꯗ ꯏꯟꯁꯇꯦꯟꯁꯀꯤ ꯁ꯭ꯀꯣꯞ ꯂꯩ꯫ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯀ꯭ꯕꯦꯔꯤ ꯑꯁꯤ this.query.
ꯑꯄꯗꯦꯠ ꯇꯧꯕꯥ꯫ ꯃꯊꯧ ꯈꯅꯒꯠꯂꯕꯥ ꯑꯥꯏꯇꯦꯝ ꯑꯗꯨ ꯔꯤꯇꯔꯟ ꯇꯧꯏ꯫ ꯈꯅꯒꯠꯂꯕꯥ ꯑꯥꯏꯇꯦꯝ ꯑꯗꯨ ꯍꯜꯂꯛꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯃꯦꯊꯗ ꯑꯗꯨ꯫ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯔꯦ, itemꯑꯃꯁꯨꯡ ꯑꯃꯁꯨꯡ ꯇꯥꯏꯄꯍꯦꯗ ꯏꯟꯁꯇꯦꯟꯁꯀꯤ ꯁ꯭ꯀꯣꯞ ꯂꯩ꯫
ꯍꯥꯏꯂꯥꯏꯇꯔ ꯇꯧꯕꯥ꯫ ꯃꯊꯧ ꯗꯤꯐꯣꯜꯇ ꯃꯦꯆ ꯄꯨꯝꯅꯃꯛ ꯍꯥꯏꯂꯥꯏꯠ ꯇꯧꯏ꯫ ꯑꯣꯇꯣꯀꯃꯞꯂꯤꯠ ꯔꯤꯖꯜꯇꯁꯤꯡ ꯍꯥꯏꯂꯥꯏꯠ ꯇꯧꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯃꯦꯊꯗ꯫ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯔꯦ itemꯑꯃꯁꯨꯡ ꯇꯥꯏꯄꯍꯦꯗ ꯏꯟꯁꯇꯦꯟꯁꯀꯤ ꯁ꯭ꯀꯣꯞ ꯂꯩ꯫ html ꯔꯤꯇꯔꯟ ꯇꯧꯒꯗꯕꯅꯤ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

.ꯇꯥꯏꯄꯍꯦꯗ(ꯑꯣꯄꯁꯅꯁꯤꯡ) .

ꯇꯥꯏꯄꯍꯦꯗ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯅꯄꯨꯠ ꯑꯃꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯏ꯫

ꯈꯨꯗꯝ

ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯁꯕꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯁꯤ ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯂꯥꯏꯚ ꯗꯦꯃꯣ ꯑꯃꯅꯤ꯫


ꯁꯤꯖꯤꯟꯅꯕꯥ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

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

  1. <div ꯗꯦꯇꯥ-ꯁ꯭ꯄꯥꯏ = "ꯑꯦꯐꯤꯛꯁ" ꯗꯦꯇꯥ-ꯑꯣꯐꯁꯦꯠ-ꯇꯣꯞ = "꯲꯰꯰" > ... </div>
ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯅꯍꯥꯛꯅꯥ ꯄꯤꯟ ꯇꯧꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯈꯨꯗꯛꯀꯤ ꯑꯣꯏꯕꯥ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯂꯃꯆꯠ-ꯁꯥꯖꯠ ꯑꯗꯨ ꯃꯦꯅꯦꯖ ꯇꯧꯒꯗꯕꯅꯤ꯫ ꯄꯣꯖꯤꯁꯟ ꯑꯁꯤ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯏ affix, affix-top, ꯑꯃꯁꯨꯡ affix-bottom. ꯄꯦꯖ ꯑꯗꯨꯒꯤ ꯅꯣꯔꯃꯦꯜ ꯐ꯭ꯂꯣꯗꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯂꯧꯊꯣꯛꯂꯤꯕꯥ ꯃꯔꯝꯅꯥ ꯑꯦꯐꯤꯛꯁ ꯑꯗꯨꯅꯥ ꯀꯤꯛ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯄꯣꯇꯦꯟꯁꯤꯑꯦꯜ ꯀꯣꯂꯥꯞꯁ ꯇꯧꯔꯕꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯃꯥ ꯆꯦꯛ ꯇꯧꯕꯥ ꯅꯤꯡꯁꯤꯡꯕꯤꯌꯨ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨ ꯀꯜ ꯇꯧꯕꯤꯌꯨ:

  1. $ ( '#ꯅꯥꯚꯕꯥꯔ' )꯫ ꯑꯦꯐꯤꯛꯁ ꯇꯧꯕꯥ ()

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

ꯃꯤꯡ ꯃꯈꯜ ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ ꯋꯥꯔꯣꯜ
ꯑꯣꯐꯁꯦꯠ ꯇꯧꯕꯥ꯫ ꯃꯁꯤꯡ | ꯐꯉ꯭ꯀꯁꯟ ꯇꯧꯕꯥ | ꯄꯣꯠꯂꯝ ꯱꯰ ꯁ꯭ꯛꯔꯣꯂꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯁ꯭ꯛꯔꯤꯅꯗꯒꯤ ꯑꯣꯐꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯄꯤꯛꯁꯦꯂꯁꯤꯡ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯝꯕꯔ ꯑꯃꯈꯛꯇꯃꯛ ꯄꯤꯔꯕꯗꯤ ꯑꯣꯐꯁꯦꯠ ꯑꯗꯨ ꯃꯊꯛ ꯑꯃꯁꯨꯡ ꯑꯔꯣꯏꯕꯥ ꯃꯥꯌꯀꯩ ꯑꯅꯤꯃꯛꯇꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯒꯅꯤ꯫ ꯃꯥꯌꯀꯩ ꯑꯃꯈꯛꯇꯃꯛ ꯇꯥꯅꯕꯥ, ꯅꯠꯔꯒꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯑꯈꯟꯅꯕꯥ ꯑꯣꯐꯁꯦꯠꯁꯤꯡ ꯇꯥꯅꯕꯥ, ꯁꯨꯞꯅꯇꯒꯤ ꯑꯣꯕꯖꯦꯛꯇ ꯑꯃꯥ ꯄꯤꯕꯤꯌꯨ offset: { x: 10 }. ꯅꯍꯥꯛꯅꯥ ꯑꯣꯐꯁꯦꯠ ꯑꯃꯥ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯑꯣꯏꯅꯥ ꯄꯤꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯧ (ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯗꯤꯖꯥꯏꯟ ꯈꯔꯒꯤꯗꯃꯛꯇꯥ ꯀꯥꯟꯅꯕꯥ)꯫