ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤꯗꯃꯛ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ꯫

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

ꯃꯣꯗꯂꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

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

ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫

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

ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤ ꯇꯧꯕꯥ꯫

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

ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯇꯦꯕꯁꯤꯡ꯫

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

ꯇꯨꯂꯇꯤꯄꯁꯤꯡ꯫

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

ꯄꯣꯄꯣꯚꯔꯁꯤꯡ * .

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

* ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯑꯦꯂꯔꯠ ꯃꯦꯁꯦꯖꯁꯤꯡ꯫

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

ꯕꯇꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

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

ꯋꯥꯟꯡꯕ

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

ꯀꯦꯔꯣꯁꯤꯜ ꯇꯧꯕꯥ꯫

ꯀꯟꯇꯦꯟꯇꯀꯤ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯁ꯭ꯂꯥꯏꯗꯁꯣ ꯑꯃꯥ ꯄꯤꯕꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯃꯦꯔꯤ-ꯒꯣ-ꯔꯥꯎꯟꯗ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫

ꯇꯥꯏꯄꯍꯦꯗ ꯇꯧꯕꯥ꯫

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

ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯑꯁꯤ * .

ꯏꯆꯝ ꯆꯝꯕꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯏꯐꯦꯛꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, ꯃꯣꯗꯦꯂꯁꯤꯡꯗꯥ ꯁ꯭ꯂꯥꯏꯗ ꯇꯧꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯐꯦꯗ ꯑꯥꯎꯠ ꯇꯧꯅꯕꯥ bootstrap-transition.js ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫

* ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯗꯥ ꯑꯦꯅꯤꯃꯦꯁꯅꯒꯤꯗꯃꯛ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ jQueryꯒꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯚꯔꯁꯟ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯃꯣꯗꯦꯂꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

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

ꯐꯥꯏꯜ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯔꯣ꯫

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

ꯃꯈꯥꯗꯥ ꯁ꯭ꯇꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯔꯕꯥ ꯃꯣꯗꯜ ꯑꯃꯥ ꯄꯤꯔꯤ꯫

ꯂꯥꯏꯚ ꯗꯦꯃꯣ꯫

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

ꯗꯦꯃꯣ ꯃꯣꯗꯦꯜ ꯍꯧꯗꯣꯀꯄꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ-ꯃꯣꯗꯜ ​​ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯂꯥꯏꯟ ꯑꯃꯠꯇꯥ ꯏꯕꯥ ꯃꯊꯧ ꯇꯥꯗꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖꯗꯥ ꯃꯣꯗꯦꯂꯁꯤꯡ ꯐꯖꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯕꯥ ꯌꯥꯒꯅꯤ꯫ ꯃꯣꯗꯦꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ id ꯑꯃꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ data-toggle="modal"ꯑꯃꯥ ꯂꯩꯕꯥ ꯀꯟꯠꯔꯣꯂꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯈꯛꯇꯃꯛ ꯁꯦꯠ ꯇꯧ , ꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯁꯤꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯃꯣꯗꯜ ꯑꯗꯨ ꯂꯣꯟꯆ ꯇꯧꯒꯅꯤ꯫data-target="#foo"href="#foo"

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

  1. <a class = "btn" data-toggle = "ꯃꯣꯗꯜ" href = "#myModal" > ꯃꯣꯗꯦꯜ ꯍꯧꯗꯣꯀꯄꯥ </a>
  1. <div class = "ꯃꯣꯗꯜ ꯂꯣꯠꯄꯥ" id = "ꯃꯥꯏꯃꯣꯗꯜ" >
  2. <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯍꯦꯗꯔ" >
  3. <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "ꯀ꯭ꯂꯣꯖ" ꯗꯦꯇꯥ-ꯗꯤꯁꯃꯤꯁ = "ꯃꯣꯗꯜ" > × </ꯕꯇꯟ>
  4. <h3> ꯃꯣꯗꯜ ꯍꯦꯗ </h3>
  5. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  6. <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯕꯣꯗꯤ" >
  7. <p> ꯐꯖꯔꯕꯥ ꯍꯀꯆꯥꯡ ꯑꯃꯥ... </p>꯫
  8. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  9. <div class = "ꯃꯣꯗꯜ-ꯐꯨꯇꯔ" >
  10. <a href = "#" class = "btn" data-dismiss = "ꯃꯣꯗꯜ" > ꯊꯤꯡꯖꯤꯜꯂꯨ </a>
  11. <a href = "#" class = "btn btn-primary" > ꯑꯍꯣꯡꯕꯁꯤꯡ ꯁꯦꯚ ꯇꯧꯕꯥ </a>
  12. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  13. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯃꯣꯗꯦꯜ ꯑꯗꯨ ꯏꯟ ꯑꯃꯁꯨꯡ ꯑꯥꯎꯠ ꯑꯦꯅꯤꯃꯦꯠ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯑꯦꯂꯤꯃꯦꯟꯇ .fadeꯑꯗꯨꯗꯥ ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯍꯥꯄꯀꯗꯕꯅꯤ .modal(ꯃꯁꯤ ꯑꯦꯛꯁꯅꯗꯥ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯗꯦꯃꯣ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ) ꯑꯃꯁꯨꯡ bootstrap-transition.js ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯣꯗꯦꯜ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯏ꯫ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯔꯦ 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.

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


bootstrap-scrollspy.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

  1. $ ( '#ꯅꯥꯚꯕꯥꯔ' )꯫ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤ () ꯑꯁꯤꯅꯤ꯫

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

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

  1. <body data-spy = "ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ" > ... </body>
ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯅꯕꯕꯥꯔ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯗꯥ ꯔꯤꯖꯣꯂꯕ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯑꯥꯏ.ꯗꯤ. ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, a <a href="#home">home</a>ꯑꯁꯤ ꯗꯣꯃꯗꯥ ꯂꯩꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯒꯥ ꯃꯥꯟꯅꯒꯗꯕꯅꯤ ꯃꯗꯨꯗꯤ <div id="home"></div>.

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

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

ꯐꯥꯏꯜ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯔꯣ꯫

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

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

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

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.


bootstrap-tab.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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


bootstrap-tooltip.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

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

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

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

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

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

ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

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

* ꯇꯨꯂꯇꯤꯞ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯐꯥꯏꯜ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯔꯣ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯍꯣꯚꯔ ꯄꯣꯄꯣꯚꯔ꯫

ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯅꯕꯥ ꯕꯇꯟ ꯑꯗꯨꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯣꯚꯔ ꯇꯧ꯫


bootstrap-popover.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

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

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

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

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

ꯑꯦꯂꯔꯇꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

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

ꯂꯧꯊꯕ

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

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

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

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

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

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


bootstrap-alert.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

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

ꯃꯔꯝꯗꯤ

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

ꯐꯥꯏꯜ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯔꯣ꯫

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

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

ꯔꯥꯖ꯭ꯌꯒꯤ ꯑꯣꯏꯕꯥ꯫
ꯁꯤꯉ꯭ꯒꯜ ꯇꯣꯒꯜ ꯇꯧꯕꯥ꯫
ꯆꯦꯀꯕꯣꯛꯁ ꯑꯃꯥ꯫
ꯔꯦꯗꯤꯑꯣꯗꯥ ꯂꯩꯕꯥ꯫

bootstrap-button.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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

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

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

  1. <!-- ꯕꯇꯟ ꯑꯃꯈꯛꯇꯗꯥ ꯇꯣꯒꯂꯤꯡ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯅꯕꯥ data-toggle="ꯕꯇꯟ" ꯍꯥꯄꯆꯤꯜꯂꯨ -->
  2. <button class = "btn" data-toggle = "ꯕꯇꯟ" > ꯁꯤꯉ꯭ꯒꯜ ꯇꯣꯒꯜ </ꯕꯇꯟ>
  3.  
  4. <!-- btn-ꯒ꯭ꯔꯨꯄꯇꯥ ꯆꯦꯀꯕꯣꯛꯁ ꯁ꯭ꯇꯥꯏꯜ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ data-toggle="buttons-checkbox" ꯍꯥꯄꯆꯤꯜꯂꯨ -->
  5. <div ꯀ꯭ꯂꯥꯁ = "btn-ꯒ꯭ꯔꯨꯞ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯅꯁꯤꯡ-ꯆꯦꯀꯕꯣꯛꯁ" >
  6. <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯂꯦꯃꯍꯧꯔꯤꯕꯥ </button>
  7. <button class = "btn" > ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ </button>
  8. <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯔꯥꯏꯠ </ꯕꯇꯟ>
  9. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  10.  
  11. <!-- btn-ꯒ꯭ꯔꯨꯄꯇꯥ ꯔꯦꯗꯤꯑꯣ ꯁ꯭ꯇꯥꯏꯜ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ data-toggle="buttons-radio" ꯍꯥꯄꯆꯤꯜꯂꯨ -->
  12. <div ꯀ꯭ꯂꯥꯁ = "btn-ꯒ꯭ꯔꯨꯞ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯅꯁꯤꯡ-ꯔꯦꯗꯤꯑꯣ" >
  13. <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯂꯦꯃꯍꯧꯔꯤꯕꯥ </button>
  14. <button class = "btn" > ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ </button>
  15. <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯔꯥꯏꯠ </ꯕꯇꯟ>
  16. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

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

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

ꯃꯔꯝꯗꯤ

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

ꯐꯥꯏꯜ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯔꯣ꯫

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

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

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

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

bootstrap-collapse.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

  1. <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn btn-ꯈꯨꯗꯣꯡꯊꯤꯕꯥ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯀꯣꯂꯥꯞꯁ" ꯗꯦꯇꯥ-ꯇꯥꯔꯒꯦꯠ = "#ꯗꯦꯃꯣ" >
  2. ꯁꯤꯝꯄꯜ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ꯫
  3. </ꯕꯇꯟ>ꯗꯥ ꯊꯝꯃꯨ꯫
  4.  
  5. <div id = "ꯗꯦꯃꯣ" ꯀ꯭ꯂꯥꯁ = "ꯀꯣꯂꯥꯞꯁ ꯏꯟ" > ... </div>
ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯀꯟꯠꯔꯣꯜ ꯑꯃꯗꯥ ꯑꯦꯀꯣꯔꯗꯅꯒꯨꯝꯕꯥ ꯒ꯭ꯔꯨꯞ ꯃꯦꯅꯦꯖꯃꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ, ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯍꯥꯄꯆꯤꯜꯂꯨ data-parent="#selector". ꯃꯁꯤ ꯊꯕꯛ ꯑꯣꯏꯅꯥ ꯎꯅꯕꯒꯤꯗꯃꯛ ꯗꯦꯃꯣ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

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

ꯃꯔꯝꯗꯤ

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

ꯐꯥꯏꯜ ꯑꯗꯨ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯔꯣ꯫

ꯈꯨꯗꯝ

ꯇꯥꯏꯄꯍꯦꯗ ꯔꯤꯖꯜꯇꯁꯤꯡ ꯎꯠꯅꯕꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯐꯤꯜꯗ ꯑꯁꯤꯗꯥ ꯇꯥꯏꯞ ꯇꯧꯕꯥ ꯍꯧꯒꯗꯕꯅꯤ꯫


bootstrap-typeahead.js ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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