ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ꯫
ꯀꯁ꯭ꯇꯝ jQuery ꯄ꯭ꯂꯒꯏꯟ ꯗꯔꯖꯟ ꯑꯃꯗꯒꯤ ꯍꯦꯅꯕꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯄꯨꯟꯁꯤꯗꯥ ꯄꯨꯔꯀꯎ꯫ ꯃꯈꯣꯌ ꯄꯨꯝꯅꯃꯛ ꯐꯖꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯤꯌꯨ, ꯅꯠꯔꯒꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯤꯌꯨ꯫
ꯀꯁ꯭ꯇꯝ jQuery ꯄ꯭ꯂꯒꯏꯟ ꯗꯔꯖꯟ ꯑꯃꯗꯒꯤ ꯍꯦꯅꯕꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯄꯨꯟꯁꯤꯗꯥ ꯄꯨꯔꯀꯎ꯫ ꯃꯈꯣꯌ ꯄꯨꯝꯅꯃꯛ ꯐꯖꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯤꯌꯨ, ꯅꯠꯔꯒꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯤꯌꯨ꯫
ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ (ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ *.js
ꯐꯥꯏꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ), ꯅꯠꯠꯔꯒꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ( bootstrap.js
ꯁꯤꯖꯤꯟꯗꯨꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯔꯕꯥ bootstrap.min.js
) ꯌꯥꯑꯣꯍꯅꯕꯥ ꯌꯥꯏ꯫
ꯑꯅꯤꯃꯛ bootstrap.js
ꯑꯃꯁꯨꯡ bootstrap.min.js
ꯐꯥꯏꯜ ꯑꯃꯈꯛꯇꯗꯥ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ ꯌꯥꯑꯣꯔꯤ꯫ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫
ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯁꯨꯡ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯈꯔꯗꯤ ꯑꯇꯣꯞꯄꯥ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯒꯤ ꯃꯈꯥ ꯄꯣꯜꯂꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯑꯃꯃꯝ ꯑꯣꯏꯅꯥ ꯌꯥꯑꯣꯔꯕꯗꯤ, ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯗꯤꯄꯦꯟꯗꯦꯟꯁꯁꯤꯡ ꯑꯁꯤ ꯁꯣꯌꯗꯅꯥ ꯆꯦꯛ ꯇꯧꯕꯤꯌꯨ꯫ ꯃꯁꯤꯁꯨ ꯈꯉꯖꯤꯅꯕꯤꯌꯨ ꯃꯗꯨꯗꯤ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ jQueryꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏ (ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ jQuery ꯑꯁꯤ ꯄ꯭ꯂꯒꯏꯟ ꯐꯥꯏꯂꯁꯤꯡꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯌꯥꯑꯣꯒꯗꯕꯅꯤ )꯫ jQueryꯒꯤ ꯀꯔꯝꯕꯥ ꯚꯔꯁꯅꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯟꯁꯂꯇꯦꯁꯟ ꯇꯧꯕꯤꯌꯨ꯫bower.json
ꯅꯍꯥꯛꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯂꯥꯏꯟ ꯑꯃꯠꯇꯥ ꯏꯗꯅꯥ ꯃꯥꯔꯀꯑꯥꯞ APIꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯃꯄꯨꯡꯐꯥꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ꯫ ꯃꯁꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯑꯍꯥꯅꯕꯥ ꯊꯥꯛꯀꯤ APIꯅꯤ ꯑꯃꯁꯨꯡ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯍꯥꯅꯕꯥ ꯋꯥꯈꯜꯂꯣꯟ ꯑꯣꯏꯒꯗꯕꯅꯤ꯫
ꯍꯥꯌꯕꯗꯤ, ꯐꯤꯚꯝ ꯈꯔꯗꯥ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯑꯁꯤ ꯑꯣꯐ ꯇꯧꯕꯥ ꯑꯁꯤ ꯄꯥꯝꯅꯔꯀꯄꯥ ꯌꯥꯏ꯫ ꯃꯔꯝ ꯑꯗꯨꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ data-api
. ꯃꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯒꯨꯝꯅꯥ ꯎꯕꯥ ꯐꯪꯏ:
ꯅꯠꯠꯔꯒꯥ, ꯑꯀꯛꯅꯕꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯗꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ, ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯑꯥꯏ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯒꯨꯝꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ:
ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯗꯒꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯒꯅꯨ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯕꯇꯟ ꯑꯃꯅꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯂꯩꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯣꯗꯦꯜ ꯑꯃꯥ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯑꯅꯤꯃꯛ ꯌꯥꯗꯦ꯫ ꯃꯁꯤ ꯄꯥꯡꯊꯣꯛꯅꯕꯒꯤꯗꯃꯛ, ꯔꯦꯄꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯑꯩꯈꯣꯌꯅꯥ ꯃꯁꯤꯃꯁꯨ ꯊꯥꯖꯩ ꯃꯗꯨꯗꯤ ꯑꯗꯣꯝꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ.ꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯗꯕꯅꯤ꯫ ꯄꯕ꯭ꯂꯤꯛ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ.ꯁꯤꯡ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯁꯤꯉ꯭ꯒꯜ, ꯆꯦꯟ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯦꯊꯗꯁꯤꯡꯅꯤ, ꯑꯃꯁꯨꯡ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯈꯣꯃꯖꯤꯅꯕꯥ ꯑꯗꯨ ꯍꯜꯂꯀꯏ꯫
ꯃꯦꯊꯗ ꯄꯨꯝꯅꯃꯛꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤ ꯑꯣꯕꯖꯦꯛꯇ ꯑꯃꯥ, ꯑꯀꯛꯅꯕꯥ ꯃꯦꯊꯗ ꯑꯃꯗꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯕꯥ ꯁ꯭ꯠꯔꯤꯡ ꯑꯃꯥ, ꯅꯠꯠꯔꯒꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ (ꯗꯤꯐꯣꯜꯇ ꯕꯤꯍꯦꯕꯤꯌꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯥ ꯍꯧꯗꯣꯀꯄꯥ) ꯌꯥꯕꯥ ꯇꯥꯏ:
Constructor
ꯄ꯭ꯂꯒꯏꯟ ꯈꯨꯗꯤꯡꯃꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯔꯣ ꯀꯟꯁꯠꯔꯛꯁꯟ ꯑꯗꯨꯁꯨ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯃꯗꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ : $.fn.popover.Constructor
. ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯑꯀꯛꯅꯕꯥ ꯄ꯭ꯂꯒꯏꯟ ꯏꯟꯁꯇꯦꯟꯁ ꯑꯃꯥ ꯐꯪꯅꯤꯡꯂꯕꯗꯤ, ꯃꯗꯨ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯒꯤ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯂꯧꯊꯣꯀꯎ: $('[rel="popover"]').data('popover')
.
Constructor.DEFAULTS
ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯒꯤ ꯑꯣꯕꯖꯦꯛꯇ ꯑꯗꯨ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯗꯨꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯒꯤ ꯗꯤꯐꯣꯜꯇ ꯁꯦꯇꯤꯡꯁꯤꯡ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯌꯥꯏ :
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯇꯣꯞꯄꯥ UI ꯐ꯭ꯔꯦꯃꯋꯥꯔꯀꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯐꯤꯚꯃꯁꯤꯡ ꯑꯁꯤꯗꯥ, ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯀꯣꯂꯤꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯇꯝ ꯃꯇꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯁꯤ ꯑꯣꯏꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ .noConflict
ꯚꯦꯜꯌꯨ ꯑꯗꯨ ꯔꯤꯚꯔꯠ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨꯗꯥ ꯀꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤꯅꯥ ꯑꯌꯥꯝꯕꯥ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯒꯤ ꯑꯈꯟꯅꯕꯥ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯀꯁ꯭ꯇꯝ ꯏꯚꯦꯟꯇꯁꯤꯡ ꯄꯤꯔꯤ꯫ ꯃꯍꯧꯁꯥꯅꯥ, ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯏꯅꯐꯤꯅꯤꯇꯤꯕ ꯑꯃꯁꯨꯡ ꯄꯥꯁ꯭ꯠ ꯄꯥꯔꯇꯤꯁꯤꯄꯦꯜ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯂꯥꯀꯏ - ꯃꯐꯝ ꯑꯗꯨꯗꯥ ꯏꯅꯐꯤꯅꯤꯇꯤꯕ (ex. show
) ꯑꯁꯤ ꯊꯧꯗꯣꯛ ꯑꯃꯥ ꯍꯧꯕꯗꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯏ, ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯄꯥꯁ꯭ꯠ ꯄꯥꯔꯇꯤꯁꯤꯄꯦꯜ ꯃꯑꯣꯡ (ex. shown
) ꯑꯁꯤ ꯑꯦꯛꯁꯟ ꯑꯃꯥ ꯂꯣꯏꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯏ꯫
3.0.0ꯗꯒꯤ ꯍꯧꯅꯥ, ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯏꯚꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯇꯧꯏ꯫
ꯏꯅꯐꯤꯅꯤꯇꯤꯕ ꯏꯚꯦꯟꯇ ꯄꯨꯝꯅꯃꯛꯅꯥ preventDefault
ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯄꯤꯔꯤ꯫ ꯃꯁꯤꯅꯥ ꯑꯦꯛꯁꯟ ꯑꯃꯥ ꯍꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯊꯤꯡꯕꯒꯤ ꯇꯧꯕꯥ ꯉꯝꯕꯗꯨ ꯄꯤ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ jQuery ꯄ꯭ꯂꯒꯏꯟ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯚꯔꯖꯟ ꯑꯁꯤ VERSION
ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯀꯟꯁꯠꯔꯛꯁꯟ ꯑꯗꯨꯒꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯦꯛꯁꯦꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯇꯨꯂꯇꯤꯞ ꯄ꯭ꯂꯒꯏꯅꯒꯤꯗꯃꯛ:
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯒ꯭ꯔꯦꯁ ꯑꯣꯏꯅꯥ ꯍꯜꯂꯀꯄꯥ ꯉꯃꯗꯦ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯦꯁ ꯑꯁꯤꯗꯥ ꯌꯨꯖꯔ ꯑꯦꯛꯁꯄꯤꯔꯤꯑꯦꯟꯁꯀꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯇꯥꯔꯕꯗꯤ, <noscript>
ꯐꯤꯚꯝ ꯑꯗꯨ (ꯑꯃꯁꯨꯡ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯏꯅꯦꯕꯜ ꯇꯧꯒꯗꯒꯦ) ꯑꯗꯨ ꯅꯍꯥꯛꯀꯤ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯁꯟꯗꯣꯛꯅꯥ ꯇꯥꯛꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯧ, ꯑꯃꯁꯨꯡ/ꯅꯠꯠꯔꯒꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯀꯁ꯭ꯇꯝ ꯐꯣꯜꯕꯦꯀꯁꯤꯡ ꯍꯥꯄꯀꯗꯕꯅꯤ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯄ꯭ꯔꯣꯇꯣꯇꯥꯏꯞ ꯅꯠꯠꯔꯒꯥ jQuery UIꯒꯨꯝꯕꯥ ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯊꯧꯗꯣꯀꯁꯤꯡ ꯂꯩꯔꯕꯁꯨ .noConflict
ꯑꯃꯁꯨꯡ ꯅꯦꯃꯁ꯭ꯄꯦꯁ ꯇꯧꯔꯕꯥ ꯊꯧꯗꯣꯀꯁꯤꯡ ꯂꯩꯔꯕꯁꯨ, ꯅꯍꯥꯛꯅꯥ ꯃꯁꯥꯅꯥ ꯁꯦꯃꯗꯣꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯀꯝꯄꯦꯇꯤꯕꯤꯂꯤꯇꯤꯒꯤ ꯁꯃꯁ꯭ꯌꯥꯁꯤꯡ ꯂꯩꯕꯥ ꯌꯥꯏ꯫
ꯏꯆꯝ ꯆꯝꯕꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯏꯐꯦꯛꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, transition.js
ꯑꯇꯣꯞꯄꯥ JS ꯐꯥꯏꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ (ꯅꯠꯔꯒꯥ ꯃꯤꯅꯤꯐꯥꯏꯗ) ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ bootstrap.js
, ꯃꯁꯤ ꯌꯥꯑꯣꯍꯅꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ—ꯃꯁꯤ ꯍꯥꯟꯅꯅꯥ ꯂꯩꯔꯦ꯫
Transition.js ꯑꯁꯤ transitionEnd
ꯊꯧꯗꯣꯀꯁꯤꯡꯒꯤꯗꯃꯛ ꯕꯦꯁꯤꯛ ꯍꯦꯜꯄꯔ ꯑꯃꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯏꯃꯨꯂꯦꯇꯔ ꯑꯃꯅꯤ꯫ ꯃꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯁꯄꯣꯔꯠ ꯌꯦꯡꯁꯤꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯖꯤꯡ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯧꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫
transition.js
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯥꯂꯦꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯕꯥ ꯌꯥꯏ, ꯃꯁꯤ ꯂꯣꯗ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯅꯠꯠꯔꯒꯥ bootstrap.js
ꯅꯠꯠꯔꯒꯥ bootstrap.min.js
, ꯀꯦꯁ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ) ꯂꯥꯛꯀꯗꯕꯅꯤ :
ꯃꯣꯗꯦꯂꯁꯤꯡ ꯑꯁꯤ ꯁ꯭ꯠꯔꯤꯃꯂꯥꯏꯟ ꯇꯧꯏ, ꯑꯗꯨꯕꯨ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ, ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯦꯝꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯑꯃꯁꯨꯡ ꯁ꯭ꯃꯥꯔꯠ ꯗꯤꯐꯣꯜꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯗꯥꯏꯂꯣꯒ ꯄ꯭ꯔꯣꯃꯞꯇꯁꯤꯡꯅꯤ꯫
ꯑꯇꯣꯞꯄꯥ ꯑꯃꯅꯥ ꯍꯧꯖꯤꯀꯁꯨ ꯎꯕꯥ ꯐꯪꯂꯤꯉꯩꯗꯥ ꯃꯣꯗꯜ ꯑꯃꯥ ꯍꯥꯡꯗꯣꯛꯂꯣꯏꯗꯕꯅꯤ꯫ ꯃꯇꯝ ꯑꯃꯗꯥ ꯃꯣꯗꯜ ꯑꯃꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯎꯠꯄꯗꯥ ꯀꯁ꯭ꯇꯝ ꯀꯣꯗ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯃꯣꯗꯦꯂꯒꯤ ꯃꯑꯣꯡ-ꯃꯇꯧ ꯑꯃꯁꯨꯡ/ꯅꯠꯠꯔꯒꯥ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯕꯥ ꯑꯇꯩ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯅꯥ ꯊꯤꯡꯅꯕꯥ ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯃꯣꯗꯜ ꯑꯃꯒꯤ HTML ꯀꯣꯗ ꯑꯗꯨ ꯅꯍꯥꯛꯀꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯃꯊꯛꯀꯤ ꯊꯥꯛꯀꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯃꯗꯥ ꯊꯝꯅꯕꯥ ꯍꯣꯠꯅꯧ꯫
ꯃꯣꯕꯥꯏꯜ ꯗꯤꯚꯥꯏꯁꯁꯤꯡꯗꯥ ꯃꯣꯗꯦꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯆꯦꯀꯁꯤꯅꯋꯥ ꯈꯔꯥ ꯂꯩꯔꯤ꯫ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯕ꯭ꯔꯥꯎꯖꯔ ꯁꯄꯣꯔꯠ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ꯫
HTML5ꯅꯥ ꯃꯁꯤꯒꯤ ꯁꯦꯃꯦꯟꯇꯤꯛꯁ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯗꯤꯐꯥꯏꯟ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ, autofocus
HTML ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯁꯤꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯃꯣꯗꯦꯂꯁꯤꯡꯗꯥ ꯏꯐꯦꯛꯇ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ꯫ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯏꯐꯦꯛꯇ ꯑꯗꯨ ꯐꯪꯅꯕꯒꯤꯗꯃꯛ, ꯀꯁ꯭ꯇꯝ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯈꯔꯥ ꯁꯤꯖꯤꯟꯅꯧ:
ꯐꯨꯇꯔꯗꯥ ꯍꯦꯗ, ꯕꯣꯗꯤ, ꯑꯃꯁꯨꯡ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤ ꯁꯦꯠ ꯌꯥꯑꯣꯕꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯔꯕꯥ ꯃꯣꯗꯜ ꯑꯃꯥ꯫
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯕꯇꯟ ꯑꯗꯨ ꯀ꯭ꯂꯤꯛ ꯇꯧꯗꯨꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯃꯣꯗꯜ ꯑꯃꯥ ꯇꯣꯒꯜ ꯇꯧ꯫ ꯃꯁꯤ ꯃꯈꯥꯗꯥ ꯁ꯭ꯂꯥꯏꯗ ꯇꯧꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯄꯦꯖꯒꯤ ꯃꯊꯛꯇꯒꯤ ꯐꯤꯗ ꯏꯟ ꯇꯧꯒꯅꯤ꯫
ꯃꯣꯗꯜ ꯇꯥꯏꯇꯜ, , ꯑꯃꯁꯨꯡ ꯃꯁꯥꯃꯛꯇꯗꯥ ꯔꯤꯐꯔꯦꯟꯁ ꯇꯧꯗꯨꯅꯥ ꯑꯃꯁꯨꯡ role="dialog"
, ꯁꯣꯌꯗꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫aria-labelledby="..."
.modal
role="document"
.modal-dialog
ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯅꯍꯥꯛꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯃꯣꯗꯦꯜ ꯗꯥꯏꯂꯣꯒꯀꯤ aria-describedby
ꯃꯇꯥꯡꯗꯥ ꯑꯣꯟ .modal
.
ꯃꯣꯗꯦꯂꯁꯤꯡꯗꯥ ꯏꯎꯇꯤꯎꯕ ꯚꯤꯗꯤꯑꯣꯁꯤꯡ ꯑꯦꯝꯕꯦꯗ ꯇꯧꯕꯗꯥ ꯄ꯭ꯂꯦꯕꯦꯛ ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯃꯁꯥ ꯃꯊꯟꯇꯥ ꯊꯤꯡꯅꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯂꯩꯇꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯃꯇꯦꯡ ꯑꯣꯏꯕꯥ ꯁ꯭ꯇꯦꯛ ꯑꯣꯚꯔꯐ꯭ꯂꯣ ꯄꯣꯁ꯭ꯠ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯃꯣꯗꯦꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯄꯁꯅꯦꯜ ꯁꯥꯏꯖ ꯑꯅꯤ ꯂꯩ, ꯃꯁꯤꯗꯥ ꯊꯝꯅꯕꯥ ꯃꯣꯗꯤꯐꯥꯏꯌꯔ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ .modal-dialog
ꯐꯪꯒꯅꯤ꯫
ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛꯇꯥ ꯐꯦꯗ ꯏꯟ ꯇꯧꯕꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯁꯨꯞꯅꯒꯤ ꯊꯣꯀꯄꯥ ꯃꯣꯗꯦꯂꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, .fade
ꯅꯍꯥꯛꯀꯤ ꯃꯣꯗꯦꯜ ꯃꯥꯔꯀꯑꯄꯇꯒꯤ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯂꯧꯊꯣꯀꯎ꯫
ꯃꯣꯗꯜ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯤ ꯀꯥꯟꯅꯕꯥ ꯂꯧꯅꯕꯒꯤꯗꯃꯛ, .row
ꯃꯅꯨꯡꯗꯥ s ꯈꯛꯇꯃꯛ ꯅꯦꯁ꯭ꯠ ꯇꯧ .modal-body
ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯅꯣꯔꯃꯦꯜ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯄꯨꯝꯅꯃꯛꯅꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯃꯣꯗꯜ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ, ꯈꯔꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯀꯟꯇꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯝꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯈꯣꯉꯕꯨ ꯑꯃꯥ ꯂꯩꯕ꯭ꯔꯥ? ꯀꯔꯝꯕꯥ ꯕꯇꯟ ꯑꯗꯨ ꯀ꯭ꯂꯤꯛ ꯇꯧꯈꯤꯕꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯃꯣꯗꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ event.relatedTarget
ꯑꯃꯁꯨꯡ HTML data-*
ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ( jQuery ꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯣꯏꯊꯣꯀꯄꯥ ꯌꯥꯕꯥ) ꯁꯤꯖꯤꯟꯅꯧ꯫ relatedTarget
, ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛ ꯃꯣꯗꯦꯜ ꯏꯚꯦꯟꯇꯁꯤꯡꯒꯤ ꯗꯣꯀꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ .
ꯃꯣꯗꯦꯜ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯗꯤꯃꯥꯟꯗ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯃꯁꯤꯅꯥ ꯇꯨ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯗꯤꯐꯣꯜꯇ ꯁ꯭ꯛꯔꯣꯂꯤꯡ ꯕꯤꯍꯦꯕꯤꯌꯔꯗꯁꯨ ꯍꯥꯄꯆꯤꯜꯂꯤ .modal-open
ꯑꯃꯁꯨꯡ <body>
ꯃꯣꯗꯦꯂꯒꯤ .modal-backdrop
ꯃꯄꯥꯟꯗꯥ ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯎꯠꯂꯤꯕꯥ ꯃꯣꯗꯦꯂꯁꯤꯡ ꯊꯥꯗꯣꯛꯅꯕꯥ ꯀ꯭ꯂꯤꯛ ꯑꯦꯔꯤꯌꯥ ꯑꯃꯥ ꯄꯤꯅꯕꯥ ꯑꯦ ꯖꯦꯅꯦꯔꯦꯠ ꯇꯧꯏ꯫
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯏꯕꯥ ꯌꯥꯗꯅꯥ ꯃꯣꯗꯜ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯔꯣ꯫ ꯀꯟꯠꯔꯣꯂꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯁꯦꯠ ꯇꯧ data-toggle="modal"
, ꯕꯇꯟ ꯑꯃꯒꯨꯝꯅꯥ, ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ data-target="#foo"
ꯅꯠꯠꯔꯒꯥ href="#foo"
ꯇꯣꯒꯜ ꯇꯧꯅꯕꯥ ꯑꯀꯛꯅꯕꯥ ꯃꯣꯗꯦꯜ ꯑꯃꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ꯫
myModal
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯂꯥꯏꯟ ꯑꯃꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ id ꯂꯩꯕꯥ ꯃꯣꯗꯜ ꯑꯃꯥ ꯀꯧꯕꯤꯌꯨ :
ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-
, data-backdrop=""
.
ꯃꯤꯡ | ꯃꯈꯜ | ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ | ꯋꯥꯔꯣꯜ |
---|---|---|---|
ꯕꯦꯀꯗ꯭ꯔꯣꯞ ꯇꯧꯕꯥ꯫ | ꯕꯨꯂꯦꯟ ꯅꯠꯠꯔꯒꯥ ꯁ꯭ꯠꯔꯤꯡ ꯑꯗꯨ꯫'static' |
ꯑꯆꯨꯝꯕ | ꯃꯣꯗꯜ-ꯕꯦꯀꯗ꯭ꯔꯣꯞ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯅꯠꯠꯔꯒꯥ, static ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯗꯥ ꯃꯣꯗꯦꯜ ꯑꯗꯨ ꯂꯣꯗ ꯇꯧꯗꯕꯥ ꯕꯦꯀꯗ꯭ꯔꯣꯞ ꯑꯃꯒꯤꯗꯃꯛ ꯇꯥꯀꯄꯤꯌꯨ꯫ |
ꯀꯤꯕꯣꯔꯗ꯫ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯆꯨꯝꯕ | ꯑꯦꯁ꯭ꯀꯦꯞ ꯀꯤ ꯑꯃꯥ ꯊꯝꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯣꯗꯜ ꯑꯗꯨ ꯂꯣꯗ ꯇꯧꯏ꯫ |
ꯎꯠꯄ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯆꯨꯝꯕ | ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯣꯗꯦꯜ ꯑꯗꯨ ꯎꯠꯂꯤ꯫ |
ꯃꯅꯨꯡ ꯍꯝꯖꯤꯟꯕ | ꯂꯝꯕꯤ | ꯑꯔꯥꯟꯕ | ꯑꯣꯄꯁꯟ ꯑꯁꯤ v3.3.0 ꯗꯒꯤ ꯍꯧꯅꯥ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯤ ꯑꯃꯁꯨꯡ v4ꯗꯥ ꯂꯧꯊꯣꯀꯈ꯭ꯔꯦ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯀ꯭ꯂꯥꯏꯟꯇ-ꯁꯥꯏꯗ ꯇꯦꯃꯞꯂꯦꯇꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯗꯦꯇꯥ ꯕꯥꯏꯟꯗꯤꯡ ꯐ꯭ꯔꯦꯃꯋꯥꯔꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ, ꯅꯠꯠꯔꯒꯥ ꯃꯁꯥꯅꯥ jQuery.load ꯀꯧꯅꯕꯥ ꯄꯥꯎꯇꯥꯛ ꯄꯤꯔꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯔꯤꯃꯣꯠ URL ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ jQueryꯒꯤ ꯃꯦꯊꯗꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯣꯗ ꯇꯧꯒꯅꯤ ꯑꯃꯁꯨꯡ div. ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯗꯦꯇꯥ-ꯑꯦꯄꯤ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯔꯤꯃꯣꯠ ꯁꯣꯔꯁ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫ ꯃꯁꯤꯒꯤ ꯈꯨꯗꯝ ꯑꯃꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ: |
.modal(options)
ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯣꯗꯦꯜ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯏ꯫ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯔꯦ object
.
.modal('toggle')
ꯃꯣꯗꯜ ꯑꯃꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯃꯣꯗꯜ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.modal
ꯅꯠꯠꯔꯒꯥ hidden.bs.modal
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫
.modal('show')
ꯃꯣꯗꯜ ꯑꯃꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯍꯥꯡꯗꯣꯀꯏ꯫ ꯃꯣꯗꯜ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.modal
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫
.modal('hide')
ꯃꯣꯗꯜ ꯑꯃꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫ ꯃꯣꯗꯜ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ hidden.bs.modal
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫
.modal('handleUpdate')
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯅꯥ ꯂꯥꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯁ꯭ꯛꯔꯣꯂꯕꯥꯔ ꯑꯃꯥ ꯀꯥꯎꯟꯇꯔ ꯇꯧꯅꯕꯥ ꯃꯣꯗꯦꯂꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯗꯣꯛ-ꯁꯦꯃꯖꯤꯟ ꯇꯧꯏ, ꯃꯁꯤꯅꯥ ꯃꯣꯗꯦꯜ ꯑꯗꯨ ꯂꯦꯡꯗꯅꯥ ꯂꯩꯍꯅꯒꯅꯤ꯫
ꯃꯣꯗꯦꯂꯒꯤ ꯑꯋꯥꯡꯕꯥ ꯑꯗꯨ ꯍꯥꯡꯗꯣꯛꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯍꯣꯡꯂꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯈꯛꯇꯃꯛ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯃꯣꯗꯦꯜ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯅꯥ ꯃꯣꯗꯦꯜ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯈꯔꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ꯫
ꯃꯣꯗꯦꯂꯒꯤ ꯊꯧꯗꯣꯛ ꯄꯨꯝꯅꯃꯛ ꯃꯣꯗꯦꯜ ꯃꯁꯥꯃꯛꯇꯗꯥ (ꯑꯔꯕꯥꯟ <div class="modal">
) ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯁꯣ.ꯕꯤ.ꯑꯦꯁ.ꯃꯣꯗꯜ ꯇꯧꯕꯥ꯫ | show ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯀ꯭ꯂꯤꯛ ꯑꯃꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯊꯣꯛꯂꯕꯗꯤ, ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ relatedTarget ꯑꯗꯨ ꯊꯧꯗꯣꯛ ꯑꯗꯨꯒꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯣꯏꯅꯥ ꯐꯪꯒꯅꯤ꯫ |
ꯎꯠꯂꯤꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯃꯣꯗꯜ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯃꯣꯗꯜ ꯑꯗꯨ ꯌꯨꯖꯔꯅꯥ ꯎꯕꯥ ꯐꯪꯍꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯀ꯭ꯂꯤꯛ ꯑꯃꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯊꯣꯛꯂꯕꯗꯤ, ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ relatedTarget ꯑꯗꯨ ꯊꯧꯗꯣꯛ ꯑꯗꯨꯒꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯣꯏꯅꯥ ꯐꯪꯒꯅꯤ꯫ |
ꯂꯣꯠꯄꯥ.ꯕꯤ.ꯑꯦꯁ.ꯃꯣꯗꯜ꯫ | hide ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯃꯣꯗꯜ꯫ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯃꯣꯗꯦꯜ ꯑꯗꯨ ꯌꯨꯖꯔꯗꯒꯤ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯂꯣꯗ ꯇꯧꯔꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯃꯣꯗꯜ | remote ꯃꯣꯗꯦꯂꯅꯥ ꯑꯣꯄꯁꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯀꯟꯇꯦꯟꯇ ꯂꯣꯗ ꯇꯧꯔꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯅꯦꯚꯕꯥꯔ, ꯇꯦꯕꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯄꯤꯂꯁꯤꯡ ꯌꯥꯑꯣꯅꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯆꯥꯎꯔꯥꯛꯅꯥ ꯄꯣꯠ ꯑꯃꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
.open
ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ, ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯂꯤꯁ꯭ꯠ ꯑꯥꯏꯇꯦꯝ ꯑꯗꯨꯗꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯗꯨꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯀꯟꯇꯦꯟꯇ (ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ) ꯇꯣꯒꯜ ꯇꯧꯏ꯫
ꯃꯣꯕꯥꯏꯜ ꯗꯤꯚꯥꯏꯁꯁꯤꯡꯗꯥ, ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯃꯥ ꯍꯥꯡꯗꯣꯀꯄꯅꯥ .dropdown-backdrop
ꯃꯦꯅꯨꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯇꯦꯞ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯂꯣꯗ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯇꯦꯞ ꯑꯦꯔꯤꯌꯥ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ, ꯃꯁꯤ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ. ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ ꯑꯣꯄꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯗꯒꯤ ꯇꯣꯉꯥꯅꯕꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯗꯥ ꯍꯣꯡꯗꯣꯀꯄꯗꯥ ꯃꯣꯕꯥꯏꯂꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯇꯦꯞ ꯑꯃꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: data-toggle="dropdown"
ꯑꯦꯞꯂꯤꯀꯦꯁꯅꯒꯤ ꯊꯥꯛ ꯑꯃꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯂꯣꯗ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯁꯤ ꯊꯥꯖꯕꯥ ꯊꯝꯂꯤ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯍꯥꯌꯕꯁꯤ ꯑꯐꯕꯥ ꯋꯥꯈꯜꯂꯣꯟ ꯑꯃꯅꯤ꯫
data-toggle="dropdown"
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯃꯥ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯥ ꯂꯤꯉ꯭ꯛ ꯅꯠꯠꯔꯒꯥ ꯕꯇꯟ ꯑꯃꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯂꯤꯉ꯭ꯛ ꯕꯇꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ URLꯁꯤꯡ ꯑꯗꯨ ꯂꯦꯡꯗꯅꯥ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ, data-target
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ href="#"
.
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯀꯜ ꯇꯧꯕꯤꯌꯨ:
data-toggle="dropdown"
ꯍꯧꯖꯤꯀꯁꯨ ꯃꯊꯧ ꯇꯥꯏ꯫ꯅꯍꯥꯛꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯗꯨ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯧꯔꯕꯁꯨ ꯅꯠꯠꯔꯒꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯑꯥꯏ ꯁꯤꯖꯤꯟꯅꯔꯕꯁꯨ, data-toggle="dropdown"
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯒꯤ ꯇ꯭ꯔꯤꯒꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯂꯩꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯑꯃꯠꯇ ꯅꯠꯇꯦ
$().dropdown('toggle')
ꯑꯄꯤꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯅꯠꯠꯔꯒꯥ ꯇꯦꯕꯜ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯃꯒꯤ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨ ꯇꯣꯒꯜ ꯇꯧꯏ꯫
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯏꯚꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ .dropdown-menu
’ ꯒꯤ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯏꯚꯦꯟꯇ ꯄꯨꯝꯅꯃꯛꯇꯥ relatedTarget
ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯃꯥ ꯂꯩ, ꯃꯁꯤꯒꯤ ꯚꯦꯜꯌꯨ ꯑꯁꯤ ꯇꯣꯒꯂꯤꯡ ꯑꯦꯉ꯭ꯀꯔ ꯑꯦꯂꯤꯃꯦꯟꯇꯅꯤ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯁꯣ.ꯕꯤ.ꯑꯦꯁ.ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫ | ꯁꯣ ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
shown.bs.ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫ | ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯗꯨ ꯌꯨꯖꯔꯅꯥ ꯎꯕꯥ ꯐꯪꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯉꯥꯏꯒꯅꯤ, ꯃꯄꯨꯡ ꯐꯥꯍꯟꯅꯕꯥ)꯫ |
hide.bs.ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫ | ꯍꯤꯗ ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫ | ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯗꯨ ꯌꯨꯖꯔꯗꯒꯤ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯉꯥꯏꯒꯅꯤ, ꯃꯄꯨꯡ ꯐꯥꯍꯟꯅꯕꯥ)꯫ |
ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯥꯏ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯁ꯭ꯛꯔꯣꯜ ꯄꯣꯖꯤꯁꯅꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯅꯦꯚ ꯇꯥꯔꯒꯦꯇꯁꯤꯡ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯅꯕꯒꯤꯗꯃꯛꯇꯅꯤ꯫ ꯅꯦꯚꯕꯥꯔꯒꯤ ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ ꯃꯐꯝ ꯑꯗꯨ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯇꯤꯕ ꯀ꯭ꯂꯥꯁ ꯍꯣꯡꯂꯀꯄꯥ ꯑꯗꯨ ꯌꯦꯡꯎ꯫ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯁꯕ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯁꯨ ꯍꯥꯏꯂꯥꯏꯠ ꯇꯧꯒꯅꯤ꯫
ꯑꯦꯗ ꯂꯦꯒꯤꯡꯁ ꯀꯤꯇꯥꯔ, ꯕ꯭ꯔꯟꯆ ꯑꯥꯏꯗꯤ ꯑꯥꯔꯠ ꯄꯥꯔꯇꯤ ꯗꯣꯂꯣꯔ ꯂꯦꯕꯔ꯫ ꯃꯈꯣꯌꯅꯥ ꯀꯨꯏꯅꯥ ꯌꯣꯅꯕꯥ ꯃꯃꯥꯡꯗꯥ ꯄꯤꯆꯐꯣꯔꯛ ꯌꯔ ꯑꯦꯅꯤꯝ ꯂꯣ-ꯐꯥꯏ꯫ ꯇꯝꯕꯂꯔ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ ꯁꯥꯏꯀꯂꯒꯤ ꯍꯀꯁꯤꯡ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ꯫ ꯑꯅꯤꯝ ꯀꯦꯐꯤꯌꯦꯍ ꯀꯥꯔꯂꯦꯁ ꯀꯥꯔꯗꯤꯒꯥꯟ꯫ Velit seitan mcsweeney ꯒꯤ ꯐꯣꯇꯣ ꯕꯨꯊ ꯳ ꯋꯨꯜꯐ ꯃꯟ ꯏꯔꯨꯔꯦ꯫ ꯀꯣꯁꯕꯤ ꯁ꯭ꯕꯦꯇꯔ ꯂꯣꯃꯣ ꯖꯤꯟ ꯁꯔꯇꯁ, ꯋꯤꯂꯤꯌꯃꯁꯕꯔꯒ ꯍꯨꯗꯤ ꯃꯤꯅꯤꯝ ꯀꯨꯏ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯕꯥ ꯐꯪꯂꯃꯂꯣꯏꯗꯕꯅꯤ ꯑꯦꯠ ꯀꯥꯔꯗꯤꯒꯥꯟ ꯇ꯭ꯔꯁ꯭ꯠ ꯐꯟꯗ ꯀꯨꯂꯄꯥ ꯕꯥꯏꯑꯣꯗꯤꯖꯦꯜ ꯋꯦꯁ ꯑꯦꯟꯗꯔꯁꯟ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ꯫ ꯅꯤꯍꯤꯜ ꯇꯦꯇꯨ ꯇꯧꯔꯕꯥ ꯑꯦꯛꯌꯨꯁꯥꯃꯁ, ꯀ꯭ꯔꯦꯗ ꯏꯔꯣꯅꯤ ꯕꯥꯏꯑꯣꯗꯤꯖꯦꯜ ꯀꯦꯐꯤꯌꯦꯍ ꯑꯥꯔꯇꯤꯁꯥꯟ ꯎꯂꯝꯀꯣ ꯀꯟꯁꯦꯛꯌꯨꯠ꯫
ꯚꯦꯅꯤꯌꯥꯝ ꯃꯥꯔꯐꯥ ꯃꯁ꯭ꯇꯦꯆ ꯁ꯭ꯀꯦꯠꯕꯣꯔꯗ, ꯑꯦꯗꯤꯄꯤꯁꯤꯁꯤꯡ ꯐꯨꯖꯤꯌꯥꯠ ꯚꯦꯂꯤꯠ ꯄꯤꯆꯐꯣꯔꯛ ꯕꯤꯌꯔ꯫ ꯐ꯭ꯔꯤꯒꯥꯟ ꯗꯥꯗꯤ ꯑꯦꯂꯤꯛꯌꯨꯌꯥ ꯀ꯭ꯌꯨꯄꯤꯗꯥꯠ ꯃꯦꯀꯁꯨꯏꯅꯤꯒꯤ ꯚꯦꯔꯣ꯫ ꯀ꯭ꯌꯨꯄꯤꯗꯥꯠ ꯃꯔꯤ ꯂꯣꯀꯣ ꯅꯤꯁꯤ, ꯏꯑꯦ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ ꯅꯨꯜꯂꯥ ꯀꯥꯔꯂꯦꯁ꯫ ꯇꯦꯇꯨ ꯇꯧꯔꯕꯥ ꯀꯣꯁ꯭ꯕꯤ ꯁ꯭ꯕꯦꯇꯔ ꯐꯨꯗ ꯇ꯭ꯔꯛ, 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.
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.
ꯀꯦꯌꯔ ꯇ꯭ꯕꯤ ꯕ꯭ꯂꯣꯒ, ꯀꯨꯂꯄꯥ ꯃꯦꯁꯦꯟꯖꯔ ꯕꯦꯒ ꯃꯥꯔꯐꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯗꯦꯂꯦꯛꯇꯁ ꯐꯨꯗ ꯇ꯭ꯔꯛ꯫ ꯁꯦꯄꯤꯌꯦꯟꯇ ꯁꯤꯟꯊ ꯑꯥꯏꯗꯤ ꯑꯦꯁꯨꯃꯦꯟꯗꯥ꯫ ꯂꯣꯀꯥꯚꯣꯔ ꯁꯦꯗ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ ꯀ꯭ꯂꯤꯆ ꯏꯔꯣꯅꯤ, ꯊꯟꯗꯔꯀꯦꯠꯁꯤꯡ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯈꯤꯗꯕꯥ ꯌꯥꯏ ꯀꯟꯁꯦꯛꯌꯨꯠ ꯍꯨꯗꯤ ꯒ꯭ꯂꯨꯇꯦꯟ-ꯐ꯭ꯔꯤ ꯂꯣ-ꯐꯥꯏ ꯐꯥꯞ ꯑꯦꯂꯤꯛꯌꯨꯏꯞ꯫ ꯃꯈꯣꯌꯅꯥ ꯌꯣꯅꯕꯥ ꯂꯣꯏꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯂꯦꯕꯣꯔꯦ ꯏꯂꯤꯠ ꯄ꯭ꯂꯦꯁꯦꯠ, ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯄ꯭ꯔꯣꯏꯗꯦꯟꯇ ꯕ꯭ꯔꯟꯆ ꯅꯦꯁꯁꯤꯎꯟꯇ ꯀꯨꯏꯁ ꯀꯣꯁꯕꯤ ꯁ꯭ꯕꯦꯇꯔ ꯄꯥꯔꯤꯌꯥꯇꯨꯔ ꯀꯦꯐꯤꯌꯦꯍ ꯎꯠ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ ꯑꯥꯔꯇꯤꯁꯥꯟ꯫ ꯀꯥꯔꯗꯤꯒꯥꯟ ꯀ꯭ꯔꯥꯐ꯭ꯠ ꯕꯤꯌꯔ ꯁꯦꯇꯥꯟ ꯔꯦꯗꯤꯃꯦꯗ ꯚꯦꯂꯤꯠ꯫ ꯚꯤ.ꯑꯩꯆ.ꯑꯦꯁ.ꯆꯦꯝꯕ꯭ꯔꯦ ꯂꯦꯕꯣꯔꯤꯁ ꯇꯦꯝꯄꯣꯔ ꯚꯦꯅꯤꯌꯝ꯫ ꯑꯅꯤꯝ ꯃꯣꯂꯤꯠ ꯃꯤꯅꯤꯝ ꯀꯃꯣꯗꯣ ꯎꯂꯝꯀꯣ ꯊꯟꯗꯔꯀꯦꯠꯁ꯫
ꯅꯕꯕꯥꯔ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯗꯥ ꯔꯤꯖꯣꯂꯕ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯑꯥꯏ.ꯗꯤ. ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, a <a href="#home">home</a>
ꯑꯁꯤ <div id="home"></div>
.
:visible
ꯇꯥꯔꯒꯦꯠ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯗꯨ ꯏꯒꯅꯣꯔ ꯇꯧꯈꯤ꯫:visible
jQueryꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯑꯣꯏꯗꯕꯥ ꯇꯥꯔꯒꯦꯠ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯌꯦꯡꯁꯤꯅꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯅꯦꯚ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯑꯁꯤ ꯀꯩꯗꯧꯅꯨꯡꯗꯥ ꯍꯥꯏꯂꯥꯏꯠ ꯇꯧꯔꯣꯏ꯫
ꯏꯃꯞꯂꯤꯃꯦꯟꯇ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯗꯨ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯣꯏꯔꯕꯁꯨ, ꯁ꯭ꯛꯔꯣꯂꯁꯄꯤꯅꯥ position: relative;
ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯄꯥꯏ ꯇꯧꯔꯤꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯑꯌꯥꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯁꯤꯅꯥ <body>
. , ꯅꯠꯇꯕꯥ ꯑꯇꯩ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯥꯏ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ , ꯁꯦꯠ <body>
ꯑꯃꯥ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯅꯒꯗꯕꯅꯤ ꯑꯃꯁꯨꯡ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯒꯗꯕꯅꯤ꯫height
overflow-y: scroll;
ꯅꯍꯥꯛꯀꯤ ꯇꯣꯄꯕꯥꯔ ꯅꯦꯚꯤꯒꯦꯁꯟꯗꯥ ꯁ꯭ꯛꯔꯣꯂꯁꯄꯤ ꯕꯤꯍꯦꯕꯤꯌꯔ ꯐꯖꯅꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ, data-spy="scroll"
ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯄꯥꯏ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ (ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯍꯧꯁꯥꯅꯥ ꯃꯁꯤ ꯑꯣꯏꯒꯅꯤ <body>
). ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯀꯝꯄꯣꯅꯦꯟꯇ data-target
ꯑꯃꯍꯦꯛꯇꯒꯤ ꯄꯦꯔꯦꯟꯇ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ID ꯅꯠꯠꯔꯒꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.nav
ꯅꯍꯥꯛꯀꯤ CSSꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ position: relative;
, ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯥꯏꯗꯥ ꯀꯧꯕꯤꯌꯨ:
.scrollspy('refresh')
DOM ꯗꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯧꯊꯣꯀꯄꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯔꯤꯐ꯭ꯔꯦꯁ ꯃꯦꯊꯗ ꯑꯗꯨ ꯑꯁꯨꯝꯅꯥ ꯀꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ:
ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-
, data-offset=""
.
ꯃꯤꯡ | ꯃꯈꯜ | ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ | ꯋꯥꯔꯣꯜ |
---|---|---|---|
ꯑꯣꯐꯁꯦꯠ ꯇꯧꯕꯥ꯫ | ꯃꯁꯤꯡ | ꯱꯰ | ꯁ꯭ꯛꯔꯣꯂꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯃꯊꯛꯇꯒꯤ ꯑꯣꯐꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯄꯤꯛꯁꯦꯂꯁꯤꯡ꯫ |
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯑꯦꯛꯇꯤꯚꯦꯠ ꯇꯧꯕꯥ.bs.scrollspy | ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤꯅꯥ ꯑꯅꯧꯕꯥ ꯑꯥꯏꯇꯦꯝ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯁꯨ, ꯂꯣꯀꯦꯜ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯄꯦꯅꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯇꯧꯕꯗꯥ ꯊꯨꯅꯥ, ꯗꯥꯏꯅꯥꯃꯤꯛ ꯇꯦꯕ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯅꯦꯁ꯭ꯇꯦꯗ ꯇꯦꯕꯁꯤꯡ ꯑꯁꯤ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
ꯑꯀꯪꯕꯥ ꯗꯦꯅꯤꯝ ꯑꯗꯣꯝꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯕꯥ ꯐꯪꯂꯃꯂꯣꯏꯗꯕꯅꯤ ꯖꯤꯟ ꯁꯔꯠ ꯑꯣꯁ꯭ꯇꯤꯟ꯫ ꯅꯦꯁꯁꯤꯌꯟꯇ ꯇꯣꯐꯨ ꯁ꯭ꯇꯝꯄꯇꯥꯎꯟ ꯑꯦꯂꯤꯛꯌꯨꯌꯥ, ꯔꯦꯠꯔꯣ ꯁꯤꯟꯊ ꯃꯥꯁ꯭ꯇꯔ ꯀ꯭ꯂꯤꯅꯁ꯫ ꯃꯁ꯭ꯇꯦꯆ ꯀ꯭ꯂꯤꯆ ꯇꯦꯝꯄꯣꯔ, ꯋꯤꯂꯤꯌꯃꯁꯕꯔꯒ ꯀꯥꯔꯂꯁ ꯚꯦꯒꯥꯟ ꯍꯦꯂꯚꯦꯇꯤꯀꯥ꯫ ꯔꯤꯞꯔꯦꯍꯦꯟꯗꯦꯔꯤꯠ ꯕꯨꯠꯆꯦꯔ ꯔꯦꯠꯔꯣ ꯀꯦꯐꯤꯌꯦꯍ ꯗ꯭ꯔꯤꯃꯀꯦꯆꯔ ꯁꯤꯟꯊ꯫ ꯀꯣꯁꯕꯤ ꯁ꯭ꯕꯦꯇꯔ ꯏꯎ ꯕꯥꯟꯍ ꯃꯤ, ꯀꯨꯏ ꯏꯔꯨꯔꯦ ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯑꯦꯛꯁ ꯁ꯭ꯀꯨꯏꯗ꯫ ꯑꯦꯂꯤꯛꯕꯤꯞ ꯄ꯭ꯂꯦꯁꯦꯠ ꯁꯥꯂꯚꯤꯌꯥ ꯁꯤꯂꯝ ꯑꯥꯏꯐꯣꯟ꯫ ꯁꯦꯏꯇꯥꯟ ꯑꯦꯂꯤꯛꯌꯨꯏꯞ ꯀꯨꯏꯁ ꯀꯥꯔꯗꯤꯒꯥꯟ ꯑꯃꯦꯔꯤꯀꯥꯟ ꯑꯦꯄꯔꯦꯜ, ꯕꯨꯠꯆꯦꯔ ꯚꯣꯂꯨꯞꯇꯦꯠ ꯅꯤꯁꯤ ꯀꯨꯏ꯫
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.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯇꯦꯕꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯐꯃꯁꯤꯡ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯇꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯗꯨ ꯁꯥꯡꯗꯣꯀꯍꯜꯂꯤ꯫
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯇꯦꯕꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯇꯦꯕꯁꯤꯡ ꯏꯅꯦꯕꯜ ꯇꯧꯕꯥ (ꯇꯦꯕ ꯈꯨꯗꯤꯡꯃꯛ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯃꯊꯧ ꯇꯥꯏ):
ꯅꯍꯥꯛꯅꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯇꯦꯕꯁꯤꯡ ꯑꯁꯤ ꯃꯑꯣꯡ ꯀꯌꯥꯗꯥ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯕꯥ ꯌꯥꯏ:
data-toggle="tab"
ꯅꯍꯥꯛꯅꯥ ꯁꯨꯞꯅꯒꯤ ꯁ꯭ꯄꯦꯁꯤꯐꯥꯏ ꯇꯧꯗꯨꯅꯥ ꯅꯠꯠꯔꯒꯥ data-toggle="pill"
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯃꯠꯇꯥ ꯏꯗꯅꯥ ꯇꯦꯕ ꯅꯠꯠꯔꯒꯥ ꯄꯤꯜ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ nav
ꯇꯦꯕꯇꯥ ꯑꯃꯁꯨꯡ nav-tabs
ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯅꯥ ul
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯇꯦꯕ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯒꯅꯤ , ꯑꯗꯨꯒꯥ nav
ꯑꯃꯁꯨꯡ nav-pills
ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯅꯥ ꯄꯤꯜ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯒꯅꯤ ꯫
ꯇꯦꯕꯁꯤꯡ ꯐꯦꯗ ꯏꯟ .fade
ꯇꯧꯅꯕꯥ, ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .tab-pane
. ꯑꯍꯥꯅꯕꯥ ꯇꯦꯕ ꯄꯦꯟ ꯑꯗꯨꯅꯥ .in
ꯑꯍꯥꯅꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯁꯨ ꯎꯕꯥ ꯐꯪꯍꯅꯒꯗꯕꯅꯤ꯫
$().tab
ꯇꯦꯕ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯟꯇ ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯏ꯫ ꯇꯦꯕ ꯑꯗꯨꯗꯥ DOMꯗꯥ ꯀꯟꯇꯦꯅꯔ ꯅꯣꯗ ꯑꯃꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯕꯥ ꯑꯃꯥ data-target
ꯅꯠꯠꯔꯒꯥ ꯑꯃꯥ ꯂꯩꯒꯗꯕꯅꯤ꯫ href
ꯃꯊꯛꯀꯤ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤꯗꯥ, ꯇꯦꯕꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯥ <a>
ꯂꯣꯌꯅꯕꯥ sꯅꯤ꯫data-toggle="tab"
.tab('show')
ꯄꯤꯔꯤꯕꯥ ꯇꯦꯕ ꯑꯗꯨ ꯈꯅꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯎꯠꯂꯤ꯫ ꯃꯃꯥꯡꯗꯥ ꯈꯅꯈꯤꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯇꯦꯕ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯈꯅꯒꯠꯂꯕꯥ ꯑꯣꯏꯔꯀꯏ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫ ꯇꯦꯕ ꯄꯦꯟ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.tab
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫
ꯑꯅꯧꯕꯥ ꯇꯦꯕ ꯑꯃꯥ ꯎꯠꯄꯥ ꯃꯇꯃꯗꯥ, ꯊꯧꯗꯣꯀꯁꯤꯡ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯣꯔꯗꯔ ꯑꯁꯤꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯐꯥꯏꯔ ꯇꯧꯏ:
hide.bs.tab
(ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯗꯨꯗꯥ)show.bs.tab
(ꯌꯦꯡꯒꯗꯕꯥ ꯇꯦꯕ ꯑꯗꯨꯗꯥ)hidden.bs.tab
(ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯗꯨꯗꯥ, ꯊꯧꯗꯣꯛ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯑꯗꯨꯃꯛ hide.bs.tab
)shown.bs.tab
(ꯅꯧꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯍꯧꯖꯤꯛ ꯎꯠꯂꯤꯕꯥ ꯇꯦꯕ ꯑꯗꯨꯗꯥ, ꯊꯧꯔꯝ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯑꯗꯨꯃꯛ show.bs.tab
)ꯀꯔꯤꯒꯨꯝꯕꯥ ꯇꯦꯕ ꯑꯃꯠꯇꯥ ꯍꯥꯟꯅꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯗ꯭ꯔꯕꯗꯤ, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ hide.bs.tab
ꯑꯃꯁꯨꯡ hidden.bs.tab
ꯏꯚꯦꯟꯇꯁꯤꯡ ꯑꯗꯨ ꯐꯥꯏꯔ ꯇꯧꯔꯣꯏ.
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯁꯣ.ꯕꯤ.ꯑꯦꯁ.ꯇꯦꯕ ꯇꯧꯕꯥ꯫ | ꯊꯧꯔꯝ ꯑꯁꯤ ꯇꯦꯕ ꯁꯣꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ, ꯑꯗꯨꯕꯨ ꯑꯅꯧꯕꯥ ꯇꯦꯕ ꯑꯗꯨ ꯎꯠꯂꯕꯥ ꯃꯃꯥꯡꯗꯥ꯫ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ (ꯀꯔꯤꯒꯨꯝꯕꯥ ꯂꯩꯔꯕꯗꯤ) ꯑꯗꯨ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ event.target ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫event.relatedTarget |
ꯎꯠꯂꯤꯕꯥ.bs.tab | ꯇꯦꯕ ꯑꯃꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯇꯦꯕ ꯁꯣꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ (ꯀꯔꯤꯒꯨꯝꯕꯥ ꯂꯩꯔꯕꯗꯤ) ꯑꯗꯨ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ event.target ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫event.relatedTarget |
ꯂꯣꯠꯁꯤꯜꯂꯨ.ꯕꯤ.ꯑꯦꯁ.ꯇꯦꯕ꯫ | ꯑꯅꯧꯕꯥ ꯇꯦꯕ ꯑꯃꯥ ꯎꯠꯄꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯐꯥꯏꯔ ꯇꯧꯏ (ꯑꯗꯨꯒꯥ ꯃꯔꯝ ꯑꯁꯤꯅꯥ ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯗꯨ ꯂꯣꯠꯁꯤꯅꯒꯗꯕꯅꯤ)꯫ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯑꯅꯧꯕꯥ ꯑꯊꯨꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯒꯗꯧꯔꯤꯕꯥ ꯇꯦꯕ ꯑꯗꯨꯗꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ event.target ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫event.relatedTarget |
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯇꯦꯕ꯫ | ꯑꯅꯧꯕꯥ ꯇꯦꯕ ꯑꯃꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯐꯥꯏꯔ ꯇꯧꯏ (ꯑꯗꯨꯒꯥ ꯃꯔꯝ ꯑꯁꯤꯅꯥ ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯗꯨ ꯂꯣꯠꯁꯤꯜꯂꯤ)꯫ ꯃꯃꯥꯡꯒꯤ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯑꯅꯧꯕꯥ ꯑꯦꯛꯇꯤꯕ ꯇꯦꯕ ꯑꯗꯨ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ event.target ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫event.relatedTarget |
ꯖꯦꯁꯟ ꯐ꯭ꯔꯦꯃꯅꯥ ꯏꯕꯥ ꯑꯐꯕꯥ jQuery.tipsy ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯏꯊꯤꯜ ꯄꯤꯕꯥ; ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯑꯁꯤ ꯑꯄꯗꯦꯠ ꯇꯧꯔꯕꯥ ꯚꯔꯖꯟ ꯑꯃꯅꯤ, ꯃꯁꯤꯅꯥ ꯏꯃꯦꯖꯁꯤꯡꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯃꯗꯦ, ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ CSS3 ꯁꯤꯖꯤꯟꯅꯩ, ꯑꯃꯁꯨꯡ ꯂꯣꯀꯦꯜ ꯇꯥꯏꯇꯜ ꯁ꯭ꯇꯣꯔꯦꯖꯒꯤꯗꯃꯛꯇꯥ ꯗꯦꯇꯥ-ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯩ꯫
ꯖꯤꯔꯣ-ꯂꯦꯡꯗꯕꯥ ꯇꯥꯏꯇꯂꯁꯤꯡ ꯂꯩꯕꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯑꯁꯤ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯎꯠꯂꯣꯏ꯫
ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯣꯚꯔ ꯇꯧꯕꯤꯌꯨ:
ꯇꯩꯊꯕꯥ ꯄꯦꯟꯁꯟ ꯅꯦꯛꯁ ꯂꯦꯚꯦꯜ ꯀꯦꯐꯤꯌꯦꯍ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯔꯃꯗꯥ ꯇꯥꯈꯤꯕꯥ ꯂꯩꯔꯃꯂꯣꯏꯗꯕꯅꯤ꯫ ꯐꯣꯇꯣ ꯕꯨꯊ ꯗꯥꯗꯤ ꯔꯣ ꯗꯦꯅꯤꯝ ꯂꯦꯇꯔꯞꯔꯦꯁ ꯚꯦꯒꯥꯟ ꯃꯦꯁꯦꯟꯖꯔ ꯕꯦꯒ ꯁ꯭ꯇꯝꯄꯇꯥꯎꯟ꯫ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ ꯁꯦꯏꯇꯟ, ꯑꯦꯝ.ꯁꯤ.ꯑꯦꯁ.ꯋꯤꯅꯤꯒꯤ ꯐꯤꯛꯁꯤ ꯁꯁ꯭ꯇꯦꯅꯦꯕꯜ ꯀꯨꯏꯅꯣꯌꯥ ꯸-ꯕꯤꯠ ꯑꯃꯦꯔꯤꯀꯥꯟ ꯑꯦꯄꯔꯦꯂꯁꯤꯡꯗꯥ ꯇꯦꯔꯤ ꯔꯤꯆꯥꯔꯗꯁꯟ ꯚꯤꯅꯥꯏꯜ ꯆꯦꯝꯕ꯭ꯔꯦ ꯑꯃꯥ ꯂꯩ꯫ ꯗꯥꯗꯤ ꯁ꯭ꯇꯝꯄꯇꯥꯎꯟ, ꯀꯥꯔꯗꯤꯒꯥꯅꯁꯤꯡ ꯕꯥꯟꯍ ꯃꯤ ꯂꯣꯃꯣ ꯊꯟꯗꯔꯀꯦꯠꯁ꯫ ꯇꯣꯐꯨ ꯕꯥꯏꯑꯣꯗꯤꯖꯦꯜ ꯋꯤꯂꯤꯌꯃꯁꯕꯔꯒ ꯃꯥꯔꯐꯥ, ꯐꯣꯔ ꯂꯣꯀꯣ ꯃꯦꯀꯁꯨꯏꯅꯤꯒꯤ ꯀ꯭ꯂꯤꯅꯁ ꯚꯦꯒꯥꯟ ꯆꯦꯝꯕ꯭ꯔꯦ꯫ ꯇꯁꯦꯡꯅꯥ ꯏꯔꯣꯅꯤꯛ ꯑꯥꯔꯇꯤꯁꯥꯟ ꯑꯃꯥ ꯑꯣꯏꯔꯕꯁꯨ ꯀꯦꯌꯔ , ꯁꯤꯅꯦꯁ꯭ꯇꯔ ꯐꯥꯔꯝ-ꯇꯨ-ꯇꯦꯕꯜ ꯕꯦꯉ꯭ꯀꯁꯤ ꯑꯣꯁ꯭ꯇꯤꯟ ꯇ꯭ꯕꯤꯇꯔ ꯍꯦꯟꯗꯜ ꯐ꯭ꯔꯤꯒꯥꯟ ꯀ꯭ꯔꯦꯗ ꯔꯣ ꯗꯦꯅꯤꯝ ꯁꯤꯉ꯭ꯒꯜ-ꯑꯣꯔꯤꯖꯤꯟ ꯀꯐꯤ ꯚꯥꯏꯔꯜ꯫
ꯑꯣꯄꯁꯟ ꯃꯔꯤ ꯂꯩ: ꯃꯊꯛ, ꯑꯔꯣꯏꯕꯥ, ꯃꯈꯥꯗꯥ, ꯑꯃꯁꯨꯡ ꯂꯦꯞꯇꯅꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ꯫
ꯄꯔꯐꯣꯃꯦꯟꯁꯀꯤ ꯃꯔꯃꯁꯤꯡꯅꯥ, ꯇꯨꯂꯇꯤꯞ ꯑꯃꯁꯨꯡ ꯄꯣꯄꯣꯚꯔ ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯄꯁꯟ-ꯏꯅꯅꯤ, ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌ ꯃꯁꯥꯅꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯒꯗꯕꯅꯤ .
data-toggle
ꯄꯦꯖ ꯑꯃꯗꯥ ꯇꯨꯂꯇꯤꯞ ꯄꯨꯝꯅꯃꯛ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯃꯗꯤ ꯃꯈꯣꯌꯒꯤ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯀꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯈꯅꯕꯅꯤ :
ꯇꯨꯂꯇꯤꯞ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯗꯤꯃꯥꯟꯗꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯁꯨꯡ ꯃꯥꯔꯀꯑꯥꯞ ꯁꯦꯝꯃꯤ, ꯑꯃꯁꯨꯡ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯇ꯭ꯔꯤꯒꯔ ꯑꯦꯂꯤꯃꯦꯟꯇꯀꯤ ꯃꯇꯨꯡꯗꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯊꯝꯃꯤ꯫
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯤꯌꯨ:
ꯇꯨꯂꯇꯤꯞ ꯑꯃꯒꯤꯗꯃꯛ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯁꯤ data
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯈꯛꯇꯅꯤ ꯑꯃꯁꯨꯡ title
HTML ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯂꯩꯕꯥ ꯄꯥꯝꯃꯤ꯫ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯒꯤ ꯖꯦꯅꯦꯔꯦꯠ ꯇꯧꯔꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯁꯤ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯑꯣꯏ, ꯃꯁꯤꯗꯥ ꯄꯣꯖꯤꯁꯟ ꯑꯃꯥ ꯃꯊꯧ ꯇꯥꯕꯁꯨ ꯌꯥꯏ (ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, top
ꯄ꯭ꯂꯒꯏꯅꯅꯥ ꯁꯦꯠ ꯇꯧꯏ)꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯂꯥꯏꯅꯁꯤꯡ ꯔꯦꯞ ꯇꯧꯕꯥ ꯍꯥꯏꯄꯔꯂꯤꯉ꯭ꯛ ꯑꯃꯗꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯄꯥꯝꯃꯤ꯫ ꯇꯨꯂꯇꯤꯞ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯗꯤꯐꯣꯜꯇ ꯕꯤꯍꯦꯕꯤꯌꯔ ꯑꯁꯤ ꯃꯁꯤꯕꯨ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯃꯁꯨꯡ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯦꯟꯇꯔ ꯇꯧꯕꯅꯤ꯫ white-space: nowrap;
ꯃꯁꯤꯗꯒꯤ ꯉꯥꯀꯊꯣꯛꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯦꯉ꯭ꯀꯔꯁꯤꯡꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
.btn-group
a ꯅꯠꯠꯔꯒꯥ an ꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ .input-group
, ꯅꯠꯠꯔꯒꯥ ꯇꯦꯕꯂꯒꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), container: 'body'
ꯑꯄꯥꯝꯕꯥ ꯁꯥꯏꯗ ꯏꯐꯦꯛꯇꯁꯤꯡ (ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯍꯦꯟꯅꯥ ꯄꯥꯀꯊꯣꯛ ꯆꯥꯎꯊꯣꯀꯍꯅꯕꯥ ꯑꯃꯁꯨꯡ/ ꯅꯠꯠꯔꯒꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯁꯤꯒꯤ ꯒꯣꯜꯗ ꯀꯣꯟꯅꯥ ꯃꯥꯡꯈꯤꯕꯥ)꯫
tabindex="0"
ꯀꯤꯕꯣꯔꯗ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯦꯚꯤꯒꯦꯠ ꯇꯧꯔꯤꯕꯥ ꯌꯨꯖꯔꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯃꯁꯨꯡ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯒꯤ ꯌꯨꯖꯔꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ, ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ, ꯅꯠꯠꯔꯒꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯃꯥ ꯂꯩꯕꯥ ꯑꯔꯕꯤꯠꯔꯦꯔꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯒꯨꯝꯕꯥ ꯀꯤꯕꯣꯔꯗꯇꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯀꯗꯕꯅꯤ꯫
disabled
a ꯅꯠꯠꯔꯒꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ .disabled
, ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ aꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ <div>
ꯇꯨꯂꯇꯤꯞ ꯑꯗꯨ ꯃꯗꯨꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫<div>
ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-
, data-animation=""
.
ꯃꯤꯡ | ꯃꯈꯜ | ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ | ꯋꯥꯔꯣꯜ |
---|---|---|---|
ꯑꯦꯅꯤꯃꯦꯁꯟ ꯇꯧꯕꯥ꯫ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯆꯨꯝꯕ | ꯇꯨꯂꯇꯤꯄꯇꯥ CSS ꯐꯦꯗ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫ |
ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ | ꯁ꯭ꯠꯔꯤꯡ | ꯑꯔꯥꯟꯕ | ꯑꯔꯥꯟꯕ | ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯑꯀꯛꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯑꯦꯄꯦꯟꯗ ꯇꯧꯏ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: |
ꯊꯦꯡꯊꯕ | ꯃꯁꯤꯡ | ꯄꯣꯠꯂꯝ | ꯰ | ꯇꯨꯂꯇꯤꯞ (ms) ꯎꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯊꯦꯡꯊꯕꯥ - ꯃꯦꯅꯨꯑꯦꯜ ꯇ꯭ꯔꯤꯒꯔ ꯃꯈꯜ ꯑꯗꯨꯗꯥ ꯆꯠꯅꯔꯣꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯝꯕꯔ ꯑꯃꯥ ꯁꯞꯂꯥꯏ ꯇꯧꯔꯕꯗꯤ, ꯂꯣꯠꯄꯥ/ꯁꯣ ꯑꯅꯤꯃꯛꯇꯥ ꯊꯦꯡꯊꯕꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯏ꯫ ꯑꯣꯕꯖꯦꯛꯇ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤꯅꯤ: |
html ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯔꯤ꯫ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯔꯥꯟꯕ | ꯇꯨꯂꯇꯤꯄꯇꯥ HTML ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯔꯥꯅꯕꯥ ꯑꯣꯏꯔꯕꯗꯤ, jQueryꯒꯤ text ꯃꯦꯊꯗ ꯑꯁꯤ DOMꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ XSS ꯑꯦꯇꯦꯀꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯇꯥꯔꯕꯗꯤ ꯇꯦꯛꯁꯠ ꯁꯤꯖꯤꯟꯅꯧ꯫ |
ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ | 'ꯃꯊꯛ' | ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯒꯅꯤ - ꯃꯊꯛꯇꯥ | ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ | ꯂꯦꯃꯍꯧꯔꯤꯕꯥ | ꯔꯥꯏꯠ | ꯑꯣꯇꯣ꯫ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯅꯥ ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯁꯤ ꯇꯨꯂꯇꯤꯞ DOM ꯅꯣꯗ ꯑꯁꯤ ꯃꯁꯤꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯣꯏꯅꯥ ꯑꯃꯁꯨꯡ ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ DOM ꯅꯣꯗ ꯑꯁꯤ ꯑꯅꯤꯁꯨꯕꯥ ꯑꯣꯏꯅꯥ ꯀꯧꯏ꯫ |
ꯁꯦꯂꯦꯛꯇꯔ ꯑꯣꯏꯕꯥ꯫ | ꯄꯔꯦꯡ | ꯑꯔꯥꯟꯕ | ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯇꯨꯂꯇꯤꯞ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯇꯥꯔꯒꯦꯠꯁꯤꯡꯗꯥ ꯗꯦꯂꯤꯒꯦꯠ ꯇꯧꯒꯅꯤ꯫ ꯆꯠꯅꯕꯤꯗꯥ, ꯃꯁꯤ ꯗꯥꯏꯅꯥꯃꯤꯛ HTML ꯀꯟꯇꯦꯟꯇ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯍꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯁꯤ ꯑꯃꯁꯨꯡ ꯏꯅꯐꯣꯔꯃꯦꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯈꯨꯗꯝ ꯑꯃꯥ ꯌꯦꯡꯕꯤꯌꯨ . |
ꯇꯦꯃꯞꯂꯦꯠ ꯑꯃꯥ꯫ | ꯄꯔꯦꯡ | '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' |
ꯇꯨꯂꯇꯤꯞ ꯁꯦꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ HTML ꯕꯦꯖ ꯇꯧꯕꯥ꯫ ꯇꯨꯂꯇꯤꯞ
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯂꯩꯕꯥ ꯔꯦꯄꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ |
ꯃꯤꯡꯊꯣꯜ | ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ | '' . |
|
ꯀꯔꯤꯒꯨꯝꯕ ꯑꯃ ꯊꯣꯛꯍꯟꯕ | ꯄꯔꯦꯡ | ‘ꯍꯣꯚꯔ ꯐꯣꯀꯁ’ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ | ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯒꯅꯤ - ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯣ | ꯍꯣꯚꯔ ꯇꯧꯕꯥ | ꯐꯣꯀꯁ ꯇꯧꯕꯥ | ꯏꯁꯥꯅ ꯄꯥꯉꯡꯣꯡꯄ. ꯅꯍꯥꯛꯅꯥ ꯃꯜꯇꯤꯄꯜ ꯇ꯭ꯔꯤꯒꯔꯁꯤꯡ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ; ꯃꯈꯣꯌꯕꯨ ꯁ꯭ꯄꯦꯁ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯣꯈꯥꯌꯅꯥ ꯊꯝꯃꯨ꯫ manual ꯑꯇꯣꯞꯄꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯃꯒꯥ ꯄꯨꯅꯁꯤꯅꯕꯥ ꯌꯥꯗꯦ꯫ |
ꯚꯤꯎꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ | ꯁ꯭ꯠꯔꯤꯡ | ꯑꯣꯕꯖꯦꯛꯇ | ꯃꯊꯧ | { ꯁꯦꯂꯦꯛꯇꯔ: 'ꯍꯀꯆꯥꯡ', ꯄꯦꯗꯤꯡ: ꯰ } | ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯁꯤꯒꯤ ꯉꯃꯈꯩꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯊꯝꯃꯤ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: ꯀꯔꯤꯒꯨꯝꯕꯥ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯃꯁꯤꯒꯤ ꯑꯃꯠꯇꯥ ꯉꯥꯏꯔꯕꯥ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯣꯏꯅꯥ ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ DOM ꯅꯣꯗꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯧꯏ꯫ |
ꯃꯊꯛꯇꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯄꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫
$().tooltip(options)
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯀꯂꯦꯛꯁꯟ ꯑꯃꯗꯥ ꯇꯨꯂꯇꯤꯞ ꯍꯦꯟꯗꯂꯔ ꯑꯃꯥ ꯑꯦꯇꯦꯆ ꯇꯧꯏ꯫
.tooltip('show')
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯐꯣꯡꯗꯣꯀꯏ꯫ ꯇꯨꯂꯇꯤꯞ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.tooltip
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯇꯨꯂꯇꯤꯄꯀꯤ "ꯃꯦꯅꯨꯑꯦꯜ" ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯂꯧꯏ꯫ ꯖꯤꯔꯣ-ꯂꯦꯡꯗꯕꯥ ꯇꯥꯏꯇꯂꯁꯤꯡ ꯂꯩꯕꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯑꯁꯤ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯎꯠꯂꯣꯏ꯫
.tooltip('hide')
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫ ꯇꯨꯂꯇꯤꯞ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ hidden.bs.tooltip
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯇꯨꯂꯇꯤꯄꯀꯤ "ꯃꯦꯅꯨꯑꯦꯜ" ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯂꯧꯏ꯫
.tooltip('toggle')
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯇꯨꯂꯇꯤꯞ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.tooltip
ꯅꯠꯠꯔꯒꯥ hidden.bs.tooltip
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯇꯨꯂꯇꯤꯄꯀꯤ "ꯃꯦꯅꯨꯑꯦꯜ" ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯂꯧꯏ꯫
.tooltip('destroy')
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯨꯂꯇꯤꯞ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯍꯜꯂꯤ꯫ ꯗꯦꯂꯤꯒꯦꯁꯟ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ( ꯑꯣꯄꯁꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯁꯦꯝꯕꯥselector
) ꯑꯁꯤ ꯗꯤꯁꯦꯟꯗꯦꯟꯇ ꯇ꯭ꯔꯤꯒꯔ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯃꯥꯡꯍꯅꯕꯥ ꯌꯥꯗꯦ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
show.bs.ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫ | show ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
shown.bs.ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫ | ꯇꯨꯂꯇꯤꯞ ꯑꯁꯤ ꯌꯨꯖꯔꯅꯥ ꯎꯕꯥ ꯐꯪꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯏꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯂꯣꯠꯁꯤꯅꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯇꯨꯂꯇꯤꯞ꯫ | hide ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯇꯨꯂꯇꯤꯞ꯫ | ꯇꯨꯂꯇꯤꯞ ꯑꯗꯨ ꯌꯨꯖꯔꯗꯒꯤ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯏꯅꯁꯥꯔꯠ ꯇꯧꯔꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯇꯨꯂꯇꯤꯞ꯫ | show.bs.tooltip ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯇꯨꯂꯇꯤꯞ ꯇꯦꯃꯞꯂꯦꯠ ꯑꯗꯨ DOMꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯁꯦꯀꯦꯟꯗꯔꯤ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯍꯥꯎꯖꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯥꯏꯄꯦꯗꯇꯥ ꯂꯩꯕꯒꯨꯝꯅꯥ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯑꯄꯤꯀꯄꯥ ꯑꯣꯚꯔꯂꯦꯏꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯇꯥꯏꯇꯜ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯟꯇ ꯑꯅꯤꯃꯛ ꯖꯤꯔꯣ-ꯂꯦꯡꯗꯕꯥ ꯑꯣꯏꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯎꯠꯂꯣꯏ꯫
ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯅꯥ ꯇꯨꯂꯇꯤꯞ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨ ꯅꯍꯥꯛꯀꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯚꯔꯁꯟꯗꯥ ꯌꯥꯎꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯄꯔꯐꯣꯃꯦꯟꯁꯀꯤ ꯃꯔꯃꯁꯤꯡꯅꯥ, ꯇꯨꯂꯇꯤꯞ ꯑꯃꯁꯨꯡ ꯄꯣꯄꯣꯚꯔ ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯄꯁꯟ-ꯏꯅꯅꯤ, ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌ ꯃꯁꯥꯅꯥ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯒꯗꯕꯅꯤ .
data-toggle
ꯄꯦꯖ ꯑꯃꯗꯥ ꯄꯣꯄꯣꯚꯔ ꯄꯨꯝꯅꯃꯛ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯃꯗꯤ ꯃꯈꯣꯌꯒꯤ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯀꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯈꯅꯕꯅꯤ :
.btn-group
a ꯅꯠꯠꯔꯒꯥ an ꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ .input-group
, ꯅꯠꯠꯔꯒꯥ ꯇꯦꯕꯂꯒꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ( <td>
, <th>
, <tr>
, <thead>
, <tbody>
, <tfoot>
), container: 'body'
ꯑꯄꯥꯝꯕꯥ ꯁꯥꯏꯗ ꯏꯐꯦꯛꯇꯁꯤꯡ (ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯍꯦꯟꯅꯥ ꯄꯥꯀꯊꯣꯛ-ꯆꯥꯎꯊꯣꯀꯍꯅꯕꯥ ꯑꯃꯁꯨꯡ/ ꯅꯠꯠꯔꯒꯥ ꯄꯣꯄꯣꯚꯔ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯗꯨꯒꯤ ꯒꯣꯜꯗ ꯀꯣꯟꯅꯥ ꯃꯥꯡꯈꯤꯕꯥ)꯫
disabled
a ꯅꯠꯠꯔꯒꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ .disabled
, ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ aꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ <div>
ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯃꯗꯨꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫<div>
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯂꯥꯏꯅꯁꯤꯡ ꯔꯦꯞ ꯇꯧꯕꯥ ꯍꯥꯏꯄꯔꯂꯤꯉ꯭ꯛ ꯑꯃꯗꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯄꯥꯝꯃꯤ꯫ ꯄꯣꯄꯑꯣꯚꯔ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯗꯤꯐꯣꯜꯇ ꯕꯤꯍꯦꯕꯤꯌꯔ ꯑꯁꯤ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯃꯁꯨꯡ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯦꯟꯇꯔ ꯇꯧꯕꯅꯤ꯫ white-space: nowrap;
ꯃꯁꯤꯗꯒꯤ ꯉꯥꯀꯊꯣꯛꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯦꯉ꯭ꯀꯔꯁꯤꯡꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯑꯣꯄꯁꯟ ꯃꯔꯤ ꯂꯩ: ꯃꯊꯛ, ꯑꯔꯣꯏꯕꯥ, ꯃꯈꯥꯗꯥ, ꯑꯃꯁꯨꯡ ꯂꯦꯞꯇꯅꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ꯫
ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯂꯣꯕꯣꯔꯇꯤꯁꯇꯥ ꯁꯦꯗ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁ꯭ꯠ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
focus
ꯌꯨꯖꯔꯅꯥ ꯇꯧꯕꯥ ꯃꯊꯪꯒꯤ ꯀ꯭ꯂꯤꯛ ꯑꯗꯨꯗꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯊꯥꯗꯣꯛꯅꯕꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯑꯆꯨꯝꯕꯥ ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯃꯁꯨꯡ ꯀ꯭ꯔꯣꯁ-ꯄ꯭ꯂꯦꯠꯐꯣꯔꯝ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯀꯤꯗꯃꯛ, ꯅꯍꯥꯛꯅꯥ ꯇꯦꯒ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯔꯣꯏꯗꯕꯅꯤ, ꯇꯦꯒ ꯑꯗꯨ<a>
ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ , ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯑꯃꯁꯨꯡ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯁꯨ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫<button>
role="button"
tabindex
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯣꯄꯑꯣꯚꯔꯁꯤꯡ ꯏꯅꯦꯕꯜ ꯇꯧꯕꯥ:
ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-
, data-animation=""
.
ꯃꯤꯡ | ꯃꯈꯜ | ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ | ꯋꯥꯔꯣꯜ |
---|---|---|---|
ꯑꯦꯅꯤꯃꯦꯁꯟ ꯇꯧꯕꯥ꯫ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯆꯨꯝꯕ | ꯄꯣꯄꯣꯚꯔꯗꯥ CSS ꯐꯦꯗ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧ꯫ |
ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ | ꯁ꯭ꯠꯔꯤꯡ | ꯑꯔꯥꯟꯕ | ꯑꯔꯥꯟꯕ | ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯑꯦꯄꯦꯟꯗ ꯇꯧꯏ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: |
ꯑꯌꯥꯎꯕ | ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ | '' . |
|
ꯊꯦꯡꯊꯕ | ꯃꯁꯤꯡ | ꯄꯣꯠꯂꯝ | ꯰ | ꯄꯣꯄꯣꯚꯔ (ms) ꯎꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯊꯦꯡꯊꯕꯥ - ꯃꯦꯅꯨꯑꯦꯜ ꯇ꯭ꯔꯤꯒꯔ ꯃꯈꯜ ꯑꯗꯨꯗꯥ ꯆꯠꯅꯔꯣꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯝꯕꯔ ꯑꯃꯥ ꯁꯞꯂꯥꯏ ꯇꯧꯔꯕꯗꯤ, ꯂꯣꯠꯄꯥ/ꯁꯣ ꯑꯅꯤꯃꯛꯇꯥ ꯊꯦꯡꯊꯕꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯏ꯫ ꯑꯣꯕꯖꯦꯛꯇ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤꯅꯤ: |
html ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯔꯤ꯫ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯔꯥꯟꯕ | ꯄꯣꯄꯣꯚꯔꯗꯥ HTML ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯔꯥꯅꯕꯥ ꯑꯣꯏꯔꯕꯗꯤ, jQueryꯒꯤ text ꯃꯦꯊꯗ ꯑꯁꯤ DOMꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ XSS ꯑꯦꯇꯦꯀꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯇꯥꯔꯕꯗꯤ ꯇꯦꯛꯁꯠ ꯁꯤꯖꯤꯟꯅꯧ꯫ |
ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ | 'ꯆꯨꯝꯃꯤ' | ꯄꯣꯄꯑꯣꯚꯔ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯒꯅꯤ - ꯃꯊꯛꯇꯥ | ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ | ꯂꯦꯃꯍꯧꯔꯤꯕꯥ | ꯔꯥꯏꯠ | ꯑꯣꯇꯣ꯫ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯅꯥ ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯁꯤ ꯄꯣꯄꯣꯚꯔ DOM ꯅꯣꯗ ꯑꯁꯤ ꯃꯁꯤꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯣꯏꯅꯥ ꯑꯃꯁꯨꯡ ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ DOM ꯅꯣꯗ ꯑꯁꯤ ꯑꯅꯤꯁꯨꯕꯥ ꯑꯣꯏꯅꯥ ꯀꯧꯏ꯫ ꯀꯟꯇꯦꯛꯁ ꯑꯁꯤ |
ꯁꯦꯂꯦꯛꯇꯔ ꯑꯣꯏꯕꯥ꯫ | ꯄꯔꯦꯡ | ꯑꯔꯥꯟꯕ | ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯄꯣꯄꯣꯚꯔ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯇꯥꯔꯒꯦꯇꯁꯤꯡꯗꯥ ꯁꯤꯟꯅꯒꯅꯤ꯫ ꯆꯠꯅꯕꯤꯗꯥ, ꯃꯁꯤ ꯗꯥꯏꯅꯥꯃꯤꯛ HTML ꯀꯟꯇꯦꯟꯇ ꯄꯣꯄꯑꯣꯚꯔꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯍꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯁꯤ ꯑꯃꯁꯨꯡ ꯏꯅꯐꯣꯔꯃꯦꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯈꯨꯗꯝ ꯑꯃꯥ ꯌꯦꯡꯕꯤꯌꯨ . |
ꯇꯦꯃꯞꯂꯦꯠ ꯑꯃꯥ꯫ | ꯄꯔꯦꯡ | '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' |
ꯄꯣꯄꯑꯣꯚꯔ ꯁꯦꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ HTML ꯕꯦꯖ ꯇꯧꯕꯥ꯫ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯂꯩꯕꯥ ꯔꯦꯄꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ |
ꯃꯤꯡꯊꯣꯜ | ꯁ꯭ꯠꯔꯤꯡ | ꯃꯊꯧ | '' . |
|
ꯀꯔꯤꯒꯨꯝꯕ ꯑꯃ ꯊꯣꯛꯍꯟꯕ | ꯄꯔꯦꯡ | ‘ꯀ꯭ꯂꯤꯛ’ ꯇꯧꯕꯥ꯫ | ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯁꯤ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯒꯦ - ꯀ꯭ꯂꯤꯛ ꯇꯧꯕꯤꯌꯨ | ꯍꯣꯚꯔ ꯇꯧꯕꯥ | ꯐꯣꯀꯁ ꯇꯧꯕꯥ | ꯏꯁꯥꯅ ꯄꯥꯉꯡꯣꯡꯄ. ꯅꯍꯥꯛꯅꯥ ꯃꯜꯇꯤꯄꯜ ꯇ꯭ꯔꯤꯒꯔꯁꯤꯡ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ; ꯃꯈꯣꯌꯕꯨ ꯁ꯭ꯄꯦꯁ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯣꯈꯥꯌꯅꯥ ꯊꯝꯃꯨ꯫ manual ꯑꯇꯣꯞꯄꯥ ꯇ꯭ꯔꯤꯒꯔ ꯑꯃꯒꯥ ꯄꯨꯅꯁꯤꯅꯕꯥ ꯌꯥꯗꯦ꯫ |
ꯚꯤꯎꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ | ꯁ꯭ꯠꯔꯤꯡ | ꯑꯣꯕꯖꯦꯛꯇ | ꯃꯊꯧ | { ꯁꯦꯂꯦꯛꯇꯔ: 'ꯍꯀꯆꯥꯡ', ꯄꯦꯗꯤꯡ: ꯰ } | ꯄꯣꯄꯣꯚꯔ ꯑꯁꯤ ꯏꯂꯤꯃꯦꯟꯇ ꯑꯁꯤꯒꯤ ꯉꯃꯈꯩꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯊꯝꯃꯤ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: ꯀꯔꯤꯒꯨꯝꯕꯥ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯃꯁꯤꯒꯤ ꯑꯃꯠꯇꯥ ꯉꯥꯏꯔꯕꯥ ꯑꯥꯔꯒꯨꯃꯦꯟꯇ ꯑꯣꯏꯅꯥ ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ DOM ꯅꯣꯗꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯧꯏ꯫ ꯀꯟꯇꯦꯛꯁ ꯑꯁꯤ |
ꯃꯊꯛꯇꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫
$().popover(options)
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯀꯂꯦꯛꯁꯟ ꯑꯃꯒꯤꯗꯃꯛ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯏ꯫
.popover('show')
ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯐꯣꯡꯗꯣꯀꯏ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.popover
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯄꯣꯄꯣꯚꯔꯒꯤ "ꯃꯦꯅꯨꯑꯦꯜ" ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯅꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯅꯩ꯫ ꯇꯥꯏꯇꯜ ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯟꯇ ꯑꯅꯤꯃꯛ ꯖꯤꯔꯣ-ꯂꯦꯡꯗꯕꯥ ꯑꯣꯏꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯀꯩꯗꯧꯉꯩꯗꯥ ꯎꯠꯂꯣꯏ꯫
.popover('hide')
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ hidden.bs.popover
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯄꯣꯄꯣꯚꯔꯒꯤ "ꯃꯦꯅꯨꯑꯦꯜ" ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯅꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯅꯩ꯫
.popover('toggle')
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.popover
ꯅꯠꯠꯔꯒꯥ hidden.bs.popover
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯜ ꯇꯧꯔꯤꯕꯥ ꯃꯤꯑꯣꯏ ꯑꯗꯨꯗꯥ ꯍꯜꯂꯀꯏ꯫ ꯃꯁꯤ ꯄꯣꯄꯣꯚꯔꯒꯤ "ꯃꯦꯅꯨꯑꯦꯜ" ꯇ꯭ꯔꯤꯒꯔꯤꯡ ꯑꯃꯅꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯅꯩ꯫
.popover('destroy')
ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯣꯄꯣꯚꯔ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯥꯡꯍꯜꯂꯤ꯫ ꯗꯦꯂꯤꯒꯦꯁꯟ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ( ꯑꯣꯄꯁꯟ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯁꯦꯝꯕꯥselector
) ꯑꯁꯤ ꯗꯤꯁꯦꯟꯗꯦꯟꯇ ꯇ꯭ꯔꯤꯒꯔ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯃꯥꯡꯍꯅꯕꯥ ꯌꯥꯗꯦ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯁꯣ.ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ ꯇꯧꯕꯥ꯫ | show ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯎꯠꯂꯤ.ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ꯫ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯗꯨ ꯌꯨꯖꯔꯅꯥ ꯎꯕꯥ ꯐꯪꯍꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯂꯣꯠꯁꯤꯜꯂꯨ꯫ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ꯫ | hide ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ꯫ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯄꯣꯄꯑꯣꯚꯔ ꯑꯗꯨ ꯌꯨꯖꯔꯗꯒꯤ ꯂꯣꯠꯁꯤꯅꯕꯥ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯏꯅꯁꯥꯔꯠ ꯇꯧꯈꯤ꯫ꯕꯤ.ꯑꯦꯁ.ꯄꯣꯄꯣꯚꯔ ꯇꯧꯕꯥ꯫ | show.bs.popover ꯊꯧꯔꯝ ꯑꯁꯤ ꯄꯣꯄꯣꯚꯔ ꯇꯦꯃꯞꯂꯦꯠ ꯑꯗꯨ ꯗꯤ.ꯑꯣ.ꯑꯦꯝ.ꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯂꯔꯠ ꯃꯦꯁꯦꯖ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯗꯤꯁꯃꯤꯁ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯕꯇꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ .close
, ꯃꯁꯤ ꯑꯍꯥꯅꯕꯥ ꯑꯉꯥꯡ ꯑꯣꯏꯒꯗꯕꯅꯤ .alert-dismissible
ꯑꯃꯁꯨꯡ ꯃꯥꯔꯀꯑꯥꯄꯇꯥ ꯃꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯇꯦꯛꯁꯠ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯠꯇꯥ ꯂꯥꯀꯄꯥ ꯌꯥꯔꯣꯏ꯫
ꯃꯁꯤ ꯑꯃꯁꯨꯡ ꯃꯗꯨ ꯍꯣꯡꯗꯣꯀꯎ ꯑꯃꯁꯨꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯍꯣꯠꯅꯧ꯫ ꯗꯨꯏꯁ ꯃꯣꯂꯤꯁ, ꯑꯦꯁ꯭ꯠ ꯅꯟ ꯀꯃꯣꯗꯣ ꯂꯨꯛꯇꯁ, ꯅꯤꯁꯤ ꯑꯦꯔꯥꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯤꯒꯨꯂꯥ, ꯑꯦꯒꯦꯠ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯑꯣꯗꯤꯑꯣ ꯁꯦꯝ ꯅꯦꯛ ꯏꯂꯤꯠ꯫ ꯀ꯭ꯔꯥꯁ ꯃꯦꯇꯤꯁ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯄꯨꯔꯨꯁ ꯁꯤꯠ ꯑꯦꯃꯦꯠ ꯐꯔꯃꯦꯟꯇꯝ꯫
data-dismiss="alert"
ꯑꯦꯂꯔꯠ ꯀ꯭ꯂꯣꯖ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯑꯃꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯄꯤꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯀ꯭ꯂꯣꯖ ꯕꯇꯟ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯑꯦꯂꯔꯠ ꯑꯃꯥ ꯂꯣꯗ ꯇꯧꯕꯅꯥ ꯃꯗꯨ DOMꯗꯒꯤ ꯂꯧꯊꯣꯀꯏ꯫
ꯅꯍꯥꯛꯀꯤ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯑꯗꯨ ꯂꯣꯏꯁꯤꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯦꯅꯤꯃꯦꯁꯟ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ, ꯃꯈꯣꯌꯗꯥ .fade
ꯑꯃꯁꯨꯡ ....in
ꯃꯈꯣꯌꯗꯥ ꯍꯥꯟꯅꯅꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯕꯥ
$().alert()
data-dismiss="alert"
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯂꯩꯕꯥ ꯗꯤꯁꯦꯟꯗꯦꯟꯇ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯀ꯭ꯂꯤꯛ ꯏꯚꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯦꯂꯔꯠ ꯑꯃꯥ ꯇꯥꯅꯕꯥ ꯁꯦꯝꯃꯤ꯫ (ꯗꯦꯇꯥ-ꯑꯦꯄꯤꯒꯤ ꯑꯣꯇꯣ-ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖꯦꯁꯟ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯃꯊꯧ ꯇꯥꯗꯦ꯫)
$().alert('close')
DOMꯗꯒꯤ ꯂꯧꯊꯣꯛꯇꯨꯅꯥ ꯑꯦꯂꯔꯠ ꯑꯃꯥ ꯂꯣꯗ ꯇꯧꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ .fade
ꯑꯃꯁꯨꯡ .in
ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯂꯩꯔꯕꯗꯤ, ꯑꯦꯂꯔꯠ ꯑꯗꯨ ꯂꯧꯊꯣꯛꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯂꯣꯏꯁꯤꯅꯒꯅꯤ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯑꯦꯂꯔꯠ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯑꯦꯂꯔꯠ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯈꯔꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯀ꯭ꯂꯣꯖ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯂꯔꯠ ꯇꯧꯕꯥ꯫ | close ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯂꯣꯗ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯂꯔꯠ ꯇꯧꯕꯥ꯫ | ꯑꯦꯂꯔꯠ ꯑꯗꯨ ꯂꯣꯗ ꯇꯧꯔꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯌꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯕꯇꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯦꯟꯅꯥ ꯇꯧ꯫ ꯀꯟꯠꯔꯣꯜ ꯕꯇꯟ ꯁ꯭ꯇꯦꯠ ꯇꯧꯏ ꯅꯠꯠꯔꯒꯥ ꯇꯨꯂꯕꯥꯔꯒꯨꯝꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯀꯥꯡꯂꯨꯄꯁꯤꯡ ꯁꯦꯝꯃꯤ꯫
ꯐꯥꯏꯔꯐꯛꯁꯅꯥ ꯄꯦꯖ ꯂꯣꯗꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯜ ꯁ꯭ꯇꯦꯠꯁꯤꯡ (ꯗꯤꯁꯦꯕꯜ ꯑꯣꯏꯕꯥ ꯑꯃꯁꯨꯡ ꯆꯦꯛ ꯇꯧꯕꯥ) ꯂꯦꯡꯗꯅꯥ ꯂꯩꯍꯜꯂꯤ . ꯃꯁꯤꯒꯤ ꯋꯥꯔꯀꯔꯎꯟꯗ ꯑꯃꯗꯤ ꯁꯤꯖꯤꯟꯅꯕꯅꯤ autocomplete="off"
. ꯃꯣꯖꯤꯂꯥ ꯕꯥꯒ #654072 ꯌꯦꯡꯕꯤꯌꯨ꯫
data-loading-text="Loading..."
ꯕꯇꯟ ꯑꯃꯗꯥ ꯂꯣꯗꯤꯡ ꯁ꯭ꯇꯦꯠ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯃꯁꯤꯒꯤ ꯐꯤꯆꯔ ꯑꯁꯤ v3.3.5 ꯗꯒꯤ ꯍꯧꯅꯥ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯤ ꯑꯃꯁꯨꯡ v4 ꯗꯥ ꯂꯧꯊꯣꯀꯈ꯭ꯔꯦ꯫
ꯃꯁꯤꯒꯤ ꯗꯦꯃꯣꯟꯁꯠꯔꯦꯁꯟ ꯑꯁꯤꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯅꯥ data-loading-text
ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯔꯤ $().button('loading')
, ꯑꯗꯨꯕꯨ ꯃꯗꯨ ꯑꯗꯣꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯥ ꯑꯃꯠꯇꯥ ꯉꯥꯏꯔꯕꯥ ꯔꯥꯖ꯭ꯌ ꯅꯠꯇꯦ꯫ ꯃꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯃꯈꯥꯒꯤ $().button(string)
ꯗꯣꯀꯨꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯌꯦꯡꯕꯤꯌꯨ .
data-toggle="button"
ꯕꯇꯟ ꯑꯃꯈꯛꯇꯗꯥ ꯇꯣꯒꯂꯤꯡ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
.active
ꯑꯃꯁꯨꯡ ...aria-pressed="true"
.active
ꯄ꯭ꯔꯤ-ꯇꯣꯒꯜ ꯇꯧꯔꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯀ꯭ꯂꯥꯁ ꯑꯃꯁꯨꯡ aria-pressed="true"
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ button
ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯗꯥ ꯍꯥꯄꯆꯤꯅꯒꯗꯕꯅꯤ꯫
ꯃꯈꯣꯌꯒꯤ ꯃꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯗꯥ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯍꯟꯅꯕꯥ ꯌꯥꯑꯣꯕꯥ ꯆꯦꯀꯕꯣꯛꯁ data-toggle="buttons"
ꯑꯃꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯔꯦꯗꯤꯑꯣ ꯏꯅꯄꯨꯠꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.btn-group
.active
.active
ꯃꯃꯥꯡꯗꯥ ꯈꯅꯒꯠꯂꯕꯥ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ, ꯅꯍꯥꯛꯅꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯏꯅꯄꯨꯠ ꯑꯗꯨꯒꯤ label
ꯃꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯍꯥꯄꯆꯤꯅꯒꯗꯕꯅꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯆꯦꯀꯕꯣꯛꯁ ꯕꯇꯟ ꯑꯃꯒꯤ ꯆꯦꯛ ꯇꯧꯔꯕꯥ ꯁ꯭ꯇꯦꯠ ꯑꯗꯨ ꯕꯇꯟ click
ꯑꯗꯨꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯃꯥ ꯐꯥꯏꯔ ꯇꯧꯗꯅꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯔꯕꯗꯤ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯏꯅꯄꯨꯠꯀꯤ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯁꯦꯠ ꯇꯧꯕꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ <input type="reset">
ꯅꯠꯠꯔꯒꯥ ꯁꯦꯇꯤꯡ ꯇꯧꯕꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ), ꯅꯍꯥꯛꯅꯥ ꯏꯅꯄꯨꯠ ꯑꯗꯨꯒꯤ ꯃꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯒꯅꯤ꯫checked
.active
label
$().button('toggle')
ꯄꯨꯁ ꯁ꯭ꯇꯦꯠ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯕꯇꯟ ꯑꯗꯨꯗꯥ ꯃꯁꯤ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯔꯦ ꯍꯥꯌꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯗꯨ ꯄꯤꯔꯤ꯫
$().button('reset')
ꯕꯇꯟ ꯁ꯭ꯇꯦꯠ ꯔꯤꯁꯦꯠ ꯇꯧꯏ - ꯇꯦꯛꯁꯠ ꯑꯗꯨ ꯑꯣꯔꯤꯖꯤꯅꯦꯜ ꯇꯦꯛꯁꯇꯇꯥ ꯁꯣꯞ ꯇꯧꯏ꯫ ꯃꯁꯤꯒꯤ ꯃꯦꯊꯗ ꯑꯁꯤ ꯑꯦꯁꯤꯅꯛꯔꯣꯅꯣꯁ ꯑꯣꯏ ꯑꯃꯁꯨꯡ ꯔꯤꯁꯦꯠ ꯇꯧꯕꯥ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯂꯣꯌꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯍꯜꯂꯀꯏ꯫
$().button(string)
ꯗꯦꯇꯥ ꯗꯤꯐꯥꯏꯟ ꯇꯧꯔꯕꯥ ꯇꯦꯛꯁꯠ ꯁ꯭ꯇꯦꯠ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯇꯦꯛꯁꯠ ꯁ꯭ꯕ꯭ꯌꯥꯞ ꯇꯧꯏ꯫
ꯐꯖꯅꯥ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯀꯤꯗꯃꯛ ꯀ꯭ꯂꯥꯁ ꯃꯁꯤꯡ ꯈꯔꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯄ꯭ꯂꯒꯏꯟ꯫
ꯀꯣꯂꯥꯞꯁ ꯇꯧꯕꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡꯒꯤ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨ ꯅꯍꯥꯛꯀꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯚꯔꯁꯟꯗꯥ ꯌꯥꯎꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯀ꯭ꯂꯥꯁ ꯍꯣꯡꯗꯣꯛ-ꯍꯣꯡꯖꯤꯟ ꯇꯧꯕꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯇꯣꯞꯄꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯎꯠꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯂꯣꯠꯁꯤꯟꯅꯕꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯕꯇꯅꯁꯤꯡ ꯑꯁꯤ ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯣ:
.collapse
ꯀꯟꯇꯦꯟꯇ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫.collapsing
ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡꯒꯤ ꯃꯇꯃꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯏ꯫.collapse.in
ꯀꯟꯇꯦꯟꯇ ꯎꯠꯂꯤ꯫ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ href
, ꯅꯠꯠꯔꯒꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯇꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ data-target
ꯌꯥꯏ꯫ ꯀꯦꯁ ꯑꯅꯤꯃꯛꯇꯥ, ꯗꯤ data-toggle="collapse"
ꯑꯁꯤ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯄꯦꯅꯦꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯀꯣꯔꯗꯟ ꯑꯃꯥ ꯁꯦꯝꯅꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯀꯣꯂꯥꯞꯁ ꯕꯤꯍꯦꯕꯤꯌꯔ ꯑꯗꯨ ꯁꯥꯡꯗꯣꯀꯎ.
.panel-body
ꯑꯦꯁ.ꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯕ꯭ꯌꯥꯞ ꯑꯥꯎꯠ ꯇꯧꯕꯁꯨ .list-group
ꯌꯥꯏ꯫
aria-expanded
ꯀꯟꯠꯔꯣꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯁꯣꯌꯗꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯁꯤꯅꯥ ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯗꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇꯀꯤ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯐꯤꯚꯝ ꯑꯗꯨ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯇꯥꯀꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯂꯣꯗ ꯇꯧꯔꯕꯗꯤ, ꯃꯁꯤꯒꯤ ꯚꯦꯜꯌꯨ ꯑꯃꯥ aria-expanded="false"
. ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ in
ꯀ꯭ꯂꯥꯁ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯑꯣꯄꯟ ꯇꯧꯅꯕꯥ ꯁꯦꯠ ꯇꯧꯔꯕꯗꯤ, aria-expanded="true"
ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯀꯟꯠꯔꯣꯂꯗꯥ ꯁꯦꯠ ꯇꯧꯔꯣ. ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯍꯥꯡꯗꯣꯀꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯊꯤꯡꯖꯤꯅꯈꯤꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯊꯤꯡꯖꯤꯅꯈꯤꯕꯥ ꯑꯗꯨꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯁꯤ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯇꯣꯒꯜ ꯇꯧꯒꯅꯤ꯫
ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯟꯠꯔꯣꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯅꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯈꯛꯇꯃꯛ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯔꯕꯗꯤ – ꯍꯥꯌꯕꯗꯤ data-target
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨꯅꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯗꯥ ꯄꯣꯏꯟꯇ ꯇꯧꯔꯕꯗꯤ – ꯅꯍꯥꯛꯅꯥ ꯀꯟꯠꯔꯣꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ id
ꯑꯍꯦꯅꯕꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯏ , ꯃꯗꯨꯗꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯑꯗꯨ ꯌꯥꯎꯏ꯫ ꯃꯣꯗꯔꯟ ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯅꯥ ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯃꯁꯥꯃꯛꯇꯗꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯆꯠꯅꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯁꯣꯔꯇꯀꯥꯠꯁꯤꯡ ꯄꯤꯔꯤ꯫aria-controls
id
ꯀꯣꯂꯥꯞꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯍꯦꯚꯤ ꯂꯤꯐꯇꯤꯡ ꯍꯦꯟꯗꯜ ꯇꯧꯅꯕꯥ ꯀ꯭ꯂꯥꯁ ꯈꯔꯥ ꯁꯤꯖꯤꯟꯅꯩ:
.collapse
ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫.collapse.in
ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯎꯠꯂꯤ꯫.collapsing
ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯍꯧꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ, ꯑꯃꯁꯨꯡ ꯂꯣꯏꯔꯕꯥ ꯃꯇꯃꯗꯥ ꯂꯧꯊꯣꯀꯏ꯫ꯍꯥꯌꯔꯤꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ component-animations.less
.
ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯀꯟꯠꯔꯣꯜ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯦꯁꯥꯏꯟ ꯇꯧꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ data-toggle="collapse"
ꯑꯃꯁꯨꯡ ꯑꯦ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ data-target
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨꯅꯥ data-target
ꯀꯣꯂꯥꯞꯁ ꯑꯗꯨ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯅꯕꯥ CSS ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯌꯥꯔꯦ꯫ collapse
ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯁꯣꯌꯗꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯍꯥꯡꯗꯣꯀꯄꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯑꯍꯦꯅꯕꯥ ꯀ꯭ꯂꯥꯁ ꯍꯥꯄꯆꯤꯜꯂꯨ in
.
ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯀꯟꯠꯔꯣꯜ ꯑꯃꯗꯥ ꯑꯦꯀꯣꯔꯗꯅꯒꯨꯝꯕꯥ ꯒ꯭ꯔꯨꯞ ꯃꯦꯅꯦꯖꯃꯦꯟꯇ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ, ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯍꯥꯄꯆꯤꯜꯂꯨ data-parent="#selector"
. ꯃꯁꯤ ꯊꯕꯛ ꯑꯣꯏꯅꯥ ꯎꯅꯕꯒꯤꯗꯃꯛ ꯗꯦꯃꯣ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯏꯅꯦꯕꯜ ꯇꯧꯕꯤꯌꯨ:
ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-
, data-parent=""
.
ꯃꯤꯡ | ꯃꯈꯜ | ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ | ꯋꯥꯔꯣꯜ |
---|---|---|---|
ꯃꯃꯥ-ꯃꯄꯥ ꯑꯣꯏꯕꯥ꯫ | ꯁꯦꯂꯦꯛꯇꯔ ꯑꯣꯏꯕꯥ꯫ | ꯑꯔꯥꯟꯕ | ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁꯦꯂꯦꯛꯇꯔ ꯑꯃꯥ ꯄꯤꯔꯕꯗꯤ, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯑꯀꯛꯅꯕꯥ ꯄꯦꯔꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯥꯏꯇꯦꯝ ꯑꯁꯤ ꯎꯠꯄꯥ ꯃꯇꯃꯗꯥ ꯂꯣꯗ ꯇꯧꯒꯅꯤ꯫ (ꯇ꯭ꯔꯦꯗꯤꯁ꯭ꯅꯦꯜ ꯑꯦꯀꯣꯔꯗꯟ ꯕꯤꯍꯦꯕꯤꯌꯔꯒꯥ ꯃꯥꯟꯅꯩ - ꯃꯁꯤ panel ꯀ꯭ꯂꯥꯁꯀꯤ ꯃꯈꯥ ꯄꯣꯜꯂꯤ) |
ꯇꯣꯒꯜ ꯇꯧꯕꯥ꯫ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯆꯨꯝꯕ | ꯏꯅꯚꯣꯀꯦꯁꯟꯗꯥ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ |
.collapse(options)
ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯏ꯫ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯔꯦ object
.
.collapse('toggle')
ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯟꯅꯕꯥ ꯇꯣꯒꯜ ꯇꯧꯏ꯫ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.collapse
ꯅꯠꯠꯔꯒꯥ hidden.bs.collapse
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔꯗꯥ ꯍꯜꯂꯀꯏ꯫
.collapse('show')
ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯎꯠꯂꯤ꯫ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯎꯠꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ shown.bs.collapse
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔꯗꯥ ꯍꯜꯂꯀꯏ꯫
.collapse('hide')
ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯇꯁꯦꯡꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯨꯡꯗꯥ (ꯑꯔꯕꯥꯟ...hidden.bs.collapse
ꯊꯧꯗꯣꯛ ꯑꯗꯨ ꯊꯣꯛꯂꯛꯠꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ) ꯀꯣꯂꯔꯗꯥ ꯍꯜꯂꯀꯏ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯀꯣꯂꯥꯄꯁ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯅꯥ ꯀꯣꯂꯥꯄꯁ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯈꯔꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯁꯣ.ꯕꯤ.ꯑꯦꯁ.ꯀꯣꯂꯥꯄꯁ ꯇꯧꯕꯥ꯫ | show ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯀꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
shown.bs.ꯀꯣꯂꯥꯄꯁ ꯇꯧꯕꯥ꯫ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯌꯨꯖꯔꯗꯥ ꯀꯣꯂꯥꯞꯁ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯎꯕꯥ ꯐꯪꯍꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯏꯁꯤꯟꯅꯕꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯂꯣꯠꯄꯥ.ꯕꯤ.ꯑꯦꯁ.ꯀꯣꯂꯥꯞꯁ ꯇꯧꯕꯥ꯫ | hide ꯃꯦꯊꯗ ꯑꯗꯨ ꯀꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯂꯣꯠꯁꯤꯜꯂꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯀꯣꯂꯥꯞꯁ ꯇꯧꯕꯥ꯫ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯌꯨꯖꯔꯗꯒꯤ ꯀꯣꯂꯥꯞꯄꯁ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ (CSS ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯂꯣꯏꯁꯤꯟꯅꯕꯥ ꯉꯥꯏꯒꯅꯤ)꯫ |
ꯀꯦꯔꯣꯁꯦꯂꯒꯨꯝꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯥꯏꯛꯂꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁ꯭ꯂꯥꯏꯗꯁꯣ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯥ꯫ ꯅꯦꯁ꯭ꯇꯦꯗ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯁꯤ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
ꯀꯦꯔꯣꯁꯤꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯁꯤ ꯃꯍꯧꯁꯥꯅꯥ ꯑꯦꯛꯁꯦꯁꯤꯕꯤꯂꯤꯇꯤ ꯁ꯭ꯇꯦꯟꯗꯔꯗꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯗꯦ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯝꯞꯂꯥꯏꯑꯦꯟꯇ ꯑꯣꯏꯕꯥ ꯃꯊꯧ ꯇꯥꯔꯕꯗꯤ, ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯑꯇꯣꯞꯄꯥ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯈꯟꯅꯕꯤꯌꯨ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤꯅꯥ ꯃꯁꯤꯒꯤ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ CSS3 ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ, ꯑꯗꯨꯕꯨ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ 8 & 9ꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯥ CSS ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯑꯁꯨꯝꯅꯥ, ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯁ꯭ꯂꯥꯏꯗ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯦꯅꯤꯃꯦꯁꯟ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ jQueryꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯐꯣꯂꯕꯦꯀꯁꯤꯡ ꯌꯥꯑꯣꯍꯟꯗꯅꯕꯥ ꯋꯥꯈꯜ ꯈꯟꯗꯨꯅꯥ ꯋꯥꯔꯦꯞ ꯂꯧꯔꯦ꯫
ꯀ꯭ꯂꯥꯁ .active
ꯑꯗꯨ ꯁ꯭ꯂꯥꯏꯗ ꯑꯃꯗꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯅꯠꯔꯕꯗꯤ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨ ꯎꯕꯥ ꯐꯪꯂꯣꯏ꯫
.glyphicon .glyphicon-chevron-left
ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ .glyphicon .glyphicon-chevron-right
ꯇꯉꯥꯏꯐꯗꯅꯥ ꯃꯊꯧ ꯇꯥꯗꯦ꯫ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯄꯤꯔꯤ .icon-prev
ꯑꯃꯁꯨꯡ .icon-next
ꯄ꯭ꯂꯦꯟ ꯌꯨꯅꯤꯀꯣꯗ ꯑꯂꯇꯔꯅꯦꯇꯤꯕꯁꯤꯡ ꯑꯣꯏꯅꯥ ꯄꯤꯔꯤ꯫
.carousel-caption
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯁ꯭ꯂꯥꯏꯗꯁꯤꯡꯗꯥ ꯀꯦꯄꯁꯅꯁꯤꯡ ꯐꯖꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .item
. ꯃꯐꯝ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯆꯥꯎꯔꯥꯛꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ HTML ꯑꯃꯠꯇꯥ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯐꯣꯔꯃꯦꯠ ꯇꯧꯒꯅꯤ꯫
ꯀꯦꯔꯣꯁꯤꯜ ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯅꯥ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯊꯕꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ id
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯂꯩꯕꯥ ꯀꯟꯇꯦꯅꯔ (the ) ꯑꯗꯨꯗꯥ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ .carousel
ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯃꯇꯃꯗꯥ, ꯅꯠꯠꯔꯒꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯃꯥ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ id
, ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯑꯗꯨ ꯁꯣꯏꯗꯅꯥ ꯑꯄꯗꯦꯠ ꯇꯧꯕꯤꯌꯨ꯫
ꯀꯦꯔꯣꯁꯦꯂꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨ ꯐꯖꯅꯥ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯅꯕꯥ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ data-slide
ꯀꯤ-ꯋꯥꯔꯗꯁꯤꯡ prev
ꯅꯠꯠꯔꯒꯥ next
, ꯑꯁꯤꯅꯥ ꯃꯁꯤꯒꯤ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯄꯣꯖꯤꯁꯟ ꯑꯁꯤꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯁ꯭ꯂꯥꯏꯗꯀꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨ ꯍꯣꯡꯗꯣꯀꯏ꯫ ꯅꯠꯠꯔꯒꯥ, data-slide-to
ꯀꯦꯔꯣꯁꯦꯂꯗꯥ ꯔꯣ ꯁ꯭ꯂꯥꯏꯗ ꯏꯟꯗꯦꯛꯁ ꯑꯃꯥ ꯄꯥꯁ ꯇꯧꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯧ data-slide-to="2"
, ꯃꯁꯤꯅꯥ ꯁ꯭ꯂꯥꯏꯗꯀꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨ ꯍꯧꯔꯀꯄꯒꯤ ꯑꯀꯛꯅꯕꯥ ꯏꯟꯗꯦꯛꯁ ꯑꯃꯗꯥ ꯁꯤꯐ꯭ꯠ ꯇꯧꯏ꯫0
.
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯁꯤ data-ride="carousel"
ꯄꯦꯖ ꯂꯣꯗꯇꯒꯤ ꯍꯧꯔꯒꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯃꯥ ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯃꯥꯔꯛ ꯇꯧꯕꯗꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯁꯤ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯀꯦꯔꯣꯁꯦꯂꯒꯤ (ꯔꯤꯗꯟꯗꯦꯟꯇ ꯑꯃꯁꯨꯡ ꯃꯊꯧ ꯇꯥꯗꯕꯥ) ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖꯦꯁꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯗꯦ꯫
ꯀꯦꯔꯣꯁꯤꯜ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯀꯜ ꯇꯧꯕꯤꯌꯨ:
ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-
, data-interval=""
.
ꯃꯤꯡ | ꯃꯈꯜ | ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ | ꯋꯥꯔꯣꯜ |
---|---|---|---|
ꯏꯟꯇꯔꯚꯜ ꯇꯧꯕꯥ꯫ | ꯃꯁꯤꯡ | ꯵꯰꯰꯰ ꯄꯤꯈꯤ꯫ | ꯑꯥꯏꯇꯦꯝ ꯑꯃꯕꯨ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯁꯥꯏꯀꯜ ꯊꯧꯕꯒꯤ ꯃꯔꯛꯇꯥ ꯊꯦꯡꯊꯒꯗꯕꯥ ꯃꯇꯃꯒꯤ ꯆꯥꯡ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯔꯥꯅꯕꯥ ꯑꯣꯏꯔꯕꯗꯤ, ꯀꯦꯔꯣꯁꯤꯜ ꯑꯁꯤ ꯃꯁꯥ ꯃꯊꯟꯇꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯔꯣꯏ꯫ |
ꯉꯩꯍꯥꯛ ꯂꯦꯞꯄ | ꯁ꯭ꯠꯔꯤꯡ | ꯑꯃꯠꯇ ꯑꯣꯏꯗꯕ | "ꯍꯣꯚꯥꯔ"꯫ | ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁꯦꯠ ꯇꯧꯔꯕꯗꯤ "hover" , ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨꯒꯤ ꯁꯥꯏꯛꯂꯤꯡ ꯑꯗꯨ ꯑꯣꯟꯊꯣꯀꯏ mouseenter ꯑꯃꯁꯨꯡ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨꯒꯤ ꯁꯥꯏꯛꯂꯤꯡ ꯑꯗꯨ ꯑꯣꯟ mouseleave . ꯀꯔꯤꯒꯨꯝꯕꯥ ,ꯗꯥ ꯁꯦꯠ ꯇꯧꯔꯕꯗꯤ null , ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯣꯚꯔ ꯇꯧꯕꯅꯥ ꯃꯗꯨ ꯊꯤꯡꯖꯤꯜꯂꯣꯏ꯫ |
ꯌꯣꯝꯕ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯆꯨꯝꯕ | ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨ ꯂꯦꯞꯇꯅꯥ ꯁꯥꯏꯀꯜ ꯊꯧꯒꯗ꯭ꯔꯥ ꯅꯠꯠꯔꯒꯥ ꯍꯥꯔꯗ ꯁ꯭ꯇꯣꯞ ꯂꯩꯒꯗ꯭ꯔꯥ ꯍꯥꯌꯕꯗꯨ꯫ |
ꯀꯤꯕꯣꯔꯗ꯫ | ꯕꯨꯂꯦꯅꯒꯤ ꯑꯣꯏꯕꯥ꯫ | ꯑꯆꯨꯝꯕ | ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨꯅꯥ ꯀꯤꯕꯣꯔꯗꯀꯤ ꯊꯧꯗꯣꯀꯁꯤꯡꯗꯥ ꯔꯤꯑꯦꯛꯇ ꯇꯧꯒꯗ꯭ꯔꯥ ꯍꯥꯌꯕꯗꯨ꯫ |
.carousel(options)
ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯟ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯁꯤ ꯏꯅꯤꯁꯤꯑꯦꯂꯥꯏꯖ ꯇꯧꯏ object
ꯑꯃꯁꯨꯡ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯕꯥ ꯍꯧꯏ꯫
.carousel('cycle')
ꯀꯦꯔꯣꯁꯤꯜ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯗꯨꯗꯒꯤ ꯑꯔꯣꯏꯕꯥ ꯐꯥꯑꯣꯕꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯏ꯫
.carousel('pause')
ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯁꯤ ꯁꯥꯏꯀꯜ ꯊꯧꯕꯗꯒꯤ ꯊꯤꯡꯏ꯫
.carousel(number)
ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯐ꯭ꯔꯦꯝ ꯑꯃꯗꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯏ (0ꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ, ꯑꯦꯔꯦ ꯑꯃꯒꯥ ꯃꯥꯟꯅꯕꯥ)꯫
.carousel('prev')
ꯃꯃꯥꯡꯒꯤ ꯑꯥꯏꯇꯦꯝ ꯑꯗꯨꯗꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯏ꯫
.carousel('next')
ꯃꯊꯪꯒꯤ ꯑꯥꯏꯇꯦꯝ ꯑꯗꯨꯗꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯏ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯀꯦꯔꯣꯁꯤꯜ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯅꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯑꯅꯤ ꯐꯣꯡꯗꯣꯛꯂꯤ꯫
ꯊꯧꯔꯝ ꯑꯅꯤꯃꯛꯇꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯒꯨꯅꯁꯤꯡ ꯑꯁꯤ ꯂꯩꯔꯤ:
direction
: ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨꯅꯥ ꯁ꯭ꯂꯥꯏꯗ ꯇꯧꯔꯤꯕꯥ ꯃꯥꯌꯀꯩ ꯑꯗꯨ (ꯅꯠꯔꯒꯥ "left"
ꯅꯠꯠꯔꯒꯥ "right"
)꯫relatedTarget
: ꯑꯦꯛꯇꯤꯕ ꯑꯥꯏꯇꯦꯝ ꯑꯣꯏꯅꯥ ꯃꯐꯝ ꯑꯗꯨꯗꯥ ꯁ꯭ꯂꯥꯏꯗ ꯇꯧꯔꯤꯕꯥ ꯗꯤ.ꯑꯣ.ꯑꯦꯝ.ꯀꯦꯔꯣꯁꯤꯜ ꯊꯧꯗꯣꯛ ꯄꯨꯝꯅꯃꯛ ꯀꯦꯔꯣꯁꯤꯜ ꯃꯁꯥꯃꯛꯇꯗꯥ (ꯑꯔꯕꯥꯟ <div class="carousel">
) ꯐꯥꯏꯔ ꯇꯧꯏ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯁ꯭ꯂꯥꯏꯗ.ꯕꯤ.ꯑꯦꯁ.ꯀꯦꯔꯣꯁꯤꯜ ꯇꯧꯕꯥ꯫ | slide ꯏꯟꯁꯇꯦꯟꯁ ꯃꯦꯊꯗ ꯑꯗꯨ ꯏꯅꯚꯣꯛ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯁ꯭ꯂꯥꯏꯗ.ꯕꯤ.ꯑꯦꯁ.ꯀꯦꯔꯣꯁꯤꯜ ꯇꯧꯕꯥ꯫ | ꯊꯧꯔꯝ ꯑꯁꯤ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨꯅꯥ ꯃꯁꯥꯒꯤ ꯁ꯭ꯂꯥꯏꯗ ꯇ꯭ꯔꯥꯟꯁꯤꯁꯟ ꯑꯗꯨ ꯂꯣꯏꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ position: fixed;
ꯑꯣꯟ ꯑꯃꯁꯨꯡ ꯑꯣꯐ ꯇꯣꯒꯜ ꯇꯧꯏ, ꯃꯁꯤꯅꯥ position: sticky;
. ꯑꯔꯣꯏꯕꯗꯥ ꯂꯩꯕꯥ ꯁꯕꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯁꯤ ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯂꯥꯏꯚ ꯗꯦꯃꯣ ꯑꯃꯅꯤ꯫
ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫ꯐꯤꯚꯝ ꯑꯅꯤꯃꯛꯇꯥ, ꯅꯍꯥꯛꯀꯤ ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯃꯁꯨꯡ ꯋꯥꯏꯗꯀꯤꯗꯃꯛ ꯅꯍꯥꯛꯅꯥ CSS ꯄꯤꯒꯗꯕꯅꯤ꯫
ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯁꯥꯐꯥꯔꯤ ꯔꯦꯟꯗꯔ ꯇꯧꯕꯒꯤ ꯕꯥꯒ ꯑꯃꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ, ꯄꯨꯜ ꯅꯠꯠꯔꯒꯥ ꯄꯨꯁꯤꯜꯂꯕꯥ ꯀꯣꯂꯃꯒꯨꯝꯕꯥ ꯔꯤꯂꯦꯇꯤꯚ ꯑꯣꯏꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯌꯥꯎꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯁꯤꯖꯤꯟꯅꯒꯅꯨ .
ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯀ꯭ꯂꯥꯁ ꯑꯍꯨꯃꯒꯤ ꯃꯔꯛꯇꯥ ꯇꯣꯒꯜ ꯇꯧꯏ, ꯃꯈꯣꯌ ꯈꯨꯗꯤꯡꯃꯛꯅꯥ ꯑꯀꯛꯅꯕꯥ ꯁ꯭ꯇꯦꯠ ꯑꯃꯥ ꯔꯤꯞꯔꯖꯦꯟꯇ ꯇꯧꯏ: .affix
, .affix-top
, ꯑꯃꯁꯨꯡ .affix-bottom
. ꯇꯁꯦꯡꯕꯥ ꯄꯣꯖꯤꯁꯅꯁꯤꯡ ꯑꯗꯨ ꯍꯦꯟꯗꯜ ꯇꯧꯅꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯥꯅꯥ (ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯗꯒꯤ ꯃꯅꯤꯡꯇꯝꯕꯥ) ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤꯒꯤꯗꯃꯛꯇꯥ, position: fixed;
on ꯒꯤ ꯃꯊꯛꯇꯥ, ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯄꯤꯒꯗꯕꯅꯤ꯫.affix
ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ:
.affix-top
ꯑꯁꯤꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯃꯗꯨꯒꯤ ꯃꯊꯛꯇꯥ ꯂꯩꯕꯥ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨꯗꯥ ꯂꯩꯔꯦ ꯍꯥꯌꯕꯥ ꯇꯥꯛꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ꯫ ꯃꯇꯝ ꯑꯁꯤꯗꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯄꯣꯖꯤꯁꯟ ꯑꯃꯠꯇꯥ ꯃꯊꯧ ꯇꯥꯗꯦ꯫.affix
ꯃꯍꯨꯠ ꯁꯤꯅꯕꯥ .affix-top
ꯑꯃꯁꯨꯡ ꯁꯦꯠ ꯇꯧꯕꯥ ꯃꯐꯝ ꯑꯗꯨꯅꯤ position: fixed;
(ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯅꯥ ꯄꯤꯕꯥ)꯫.affix
ꯇꯧꯕꯅꯥ .affix-bottom
. ꯑꯣꯐꯁꯦꯇꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯏꯕꯅꯥ, ꯑꯃꯥ ꯁꯦꯠ ꯇꯧꯕꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯥ CSS ꯁꯦꯠ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯁꯤꯒꯤ ꯀꯦꯁ ꯑꯁꯤꯗꯥ, position: absolute;
ꯃꯊꯧ ꯇꯥꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯃꯐꯝ ꯑꯗꯨꯗꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯀꯗꯥꯏꯗꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯣꯄꯁꯟ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯩ꯫ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯌꯨꯖꯔ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯍꯦꯛꯇꯒꯤꯗꯃꯛ ꯅꯍꯥꯛꯀꯤ CSS ꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯃꯊꯛꯀꯤ ꯁ꯭ꯇꯦꯄꯁꯤꯡ ꯑꯁꯤ ꯏꯅꯒꯗꯕꯅꯤ꯫
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯦꯐꯤꯛꯁ ꯕꯤꯍꯦꯕꯤꯌꯔ ꯐꯖꯅꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤꯗꯃꯛ, data-spy="affix"
ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯄꯥꯏ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯄꯤꯅꯤꯡ ꯑꯗꯨ ꯀꯗꯥꯏꯗꯥ ꯇꯣꯒꯜ ꯇꯧꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯑꯣꯐꯁꯦꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨ ꯀꯜ ꯇꯧꯕꯤꯌꯨ:
ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯄꯥꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯑꯣꯄꯁꯅꯒꯤ ꯃꯃꯤꯡ ꯑꯗꯨ data-
, data-offset-top="200"
.
ꯃꯤꯡ | ꯃꯈꯜ | ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ | ꯋꯥꯔꯣꯜ |
---|---|---|---|
ꯑꯣꯐꯁꯦꯠ ꯇꯧꯕꯥ꯫ | ꯃꯁꯤꯡ | ꯐꯉ꯭ꯀꯁꯟ ꯇꯧꯕꯥ | ꯄꯣꯠꯂꯝ | ꯱꯰ | ꯁ꯭ꯛꯔꯣꯂꯒꯤ ꯄꯣꯖꯤꯁꯟ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯁ꯭ꯛꯔꯤꯅꯗꯒꯤ ꯑꯣꯐꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯄꯤꯛꯁꯦꯂꯁꯤꯡ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯝꯕꯔ ꯑꯃꯈꯛꯇꯃꯛ ꯄꯤꯔꯕꯗꯤ ꯑꯣꯐꯁꯦꯠ ꯑꯗꯨ ꯃꯊꯛ ꯑꯃꯁꯨꯡ ꯃꯈꯥꯒꯤ ꯃꯥꯌꯀꯩ ꯑꯅꯤꯃꯛꯇꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯒꯅꯤ꯫ ꯑꯈꯟꯅꯕꯥ ꯑꯃꯥ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ, ꯃꯈꯥ ꯑꯃꯁꯨꯡ ꯃꯊꯛꯀꯤ ꯑꯣꯐꯁꯦꯠ ꯑꯃꯥ ꯄꯤꯕꯈꯛꯇꯅꯥ ꯄꯣꯠꯁꯛ ꯑꯃꯥ offset: { top: 10 } ꯅꯠꯔꯒꯥ offset: { top: 10, bottom: 5 } . ꯑꯣꯐꯁꯦꯠ ꯑꯃꯥ ꯗꯥꯏꯅꯥꯃꯤꯛ ꯑꯣꯏꯅꯥ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯉ꯭ꯀꯁꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫ |
ꯄꯥꯟꯗꯝ | ꯁꯦꯂꯦꯛꯇꯔ ꯇꯧꯕꯥ | ꯅꯣꯗ | jQuery ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ꯫ | window ꯄꯣꯠꯁꯛ ꯑꯗꯨ꯫ |
ꯑꯦꯐꯤꯛꯁꯀꯤ ꯇꯥꯔꯒꯦꯠ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯇꯥꯀꯏ꯫ |
.affix(options)
ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯚ ꯇꯧꯏ꯫ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯌꯥꯔꯦ object
.
.affix('checkPosition')
ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯗꯥꯏꯃꯦꯟꯁꯟ, ꯄꯣꯖꯤꯁꯟ, ꯑꯃꯁꯨꯡ ꯁ꯭ꯛꯔꯣꯜ ꯄꯣꯖꯤꯁꯅꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯑꯦꯐꯤꯛꯁꯀꯤ ꯐꯤꯚꯝ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯦꯄꯊꯣꯀꯏ꯫ , .affix
, .affix-top
ꯑꯃꯁꯨꯡ .affix-bottom
ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ ꯑꯅꯧꯕꯥ ꯔꯥꯖ꯭ꯌꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ ꯅꯠꯠꯔꯒꯥ ꯂꯧꯊꯣꯀꯏ꯫ ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯗꯥꯏꯃꯦꯟꯁꯅꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯇꯥꯔꯒꯦꯠ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯃꯇꯝ ꯈꯨꯗꯤꯡꯗꯥ, ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯑꯆꯨꯝꯕꯥ ꯄꯣꯖꯤꯁꯟ ꯑꯗꯨ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯟꯅꯕꯥ, ꯃꯦꯊꯗ ꯑꯁꯤ ꯀꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯑꯦꯐꯤꯛꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯑꯦꯐꯤꯛꯁ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯍꯨꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯧꯗꯣꯛ ꯈꯔꯥ ꯑꯦꯛꯁꯄꯣꯖ ꯇꯧꯏ꯫
ꯏꯚꯦꯟꯇ ꯃꯈꯜ꯫ | ꯋꯥꯔꯣꯜ |
---|---|
ꯑꯦꯐꯤꯛꯁ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯐꯤꯛꯁ ꯇꯧꯕꯥ꯫ | ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯦꯐꯤꯛꯁ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯈꯨꯗꯛꯇꯥ ꯃꯩ ꯊꯥꯏ꯫ |
ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯐꯤꯛꯁ ꯇꯧꯕꯥ꯫ | ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯑꯦꯐꯤꯛꯁ-ꯇꯣꯞ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯐꯤꯛꯁ ꯇꯧꯕꯥ꯫ | ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯦꯐꯤꯛꯁ-ꯇꯣꯞ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯈꯨꯗꯛꯇꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ-ꯇꯣꯞ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯐꯤꯛꯁ ꯇꯧꯕꯥ꯫ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯦꯐꯤꯛꯁ-ꯇꯣꯞ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |
ꯑꯦꯐꯤꯛꯁ-ꯕꯣꯇꯝ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯐꯤꯛꯁ ꯇꯧꯕꯥ꯫ | ꯊꯧꯗꯣꯛ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯦꯐꯤꯛꯁ-ꯕꯣꯇꯝ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯈꯨꯗꯛꯇꯥ ꯃꯩ ꯊꯥꯏ꯫ |
ꯑꯦꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ-ꯕꯣꯇꯝ.ꯕꯤ.ꯑꯦꯁ.ꯑꯦꯐꯤꯛꯁ ꯇꯧꯕꯥ꯫ | ꯏꯚꯦꯟꯇ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯑꯦꯐꯤꯛꯁ-ꯕꯣꯇꯝ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯐꯥꯏꯔ ꯇꯧꯏ꯫ |