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

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

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

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

ꯂꯥꯏꯚ ꯗꯦꯃꯣ꯫

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

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

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

<a class = "btn" data-toggle = "ꯃꯣꯗꯜ" href = "#myModal" > ꯃꯣꯗꯦꯜ ꯍꯧꯗꯣꯀꯄꯥ </a>    

<div class = "ꯃꯣꯗꯜ ꯂꯣꯠꯄꯥ" id = "ꯃꯥꯏꯃꯣꯗꯜ" >  
  <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯍꯦꯗꯔ" > 
    <ꯕꯇꯟ ꯃꯈꯜ = "ꯕꯇꯟ" ꯀ꯭ꯂꯥꯁ = "ꯀ꯭ꯂꯣꯖ" ꯗꯦꯇꯥ-ꯗꯤꯁꯃꯤꯁ = "ꯃꯣꯗꯜ" > × </ꯕꯇꯟ>   
    <h3> ꯃꯣꯗꯜ ꯍꯦꯗ </h3>
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  <div ꯀ꯭ꯂꯥꯁ = "ꯃꯣꯗꯜ-ꯕꯣꯗꯤ" > 
    <p> ꯐꯖꯔꯕꯥ ꯍꯀꯆꯥꯡ ꯑꯃꯥ... </p>꯫
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  <div class = "ꯃꯣꯗꯜ-ꯐꯨꯇꯔ" > 
    <a href = "#" class = "btn" data-dismiss = "ꯃꯣꯗꯜ" > ꯊꯤꯡꯖꯤꯜꯂꯨ </a>   
    <a href = "#" class = "btn btn-primary" > ꯑꯍꯣꯡꯕꯁꯤꯡ ꯁꯦꯚ ꯇꯧꯕꯥ </a>  
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

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

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

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

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

$ ( '#ꯑꯩꯒꯤ ꯃꯣꯗꯜ' ). on ( 'ꯂꯣꯠꯁꯤꯜꯂꯕꯥ' , ꯐꯉ꯭ꯀꯁꯟ () {   
  // ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯇꯧꯕꯥ...
}) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

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

ꯈꯨꯗꯃꯁꯤꯡ꯫

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

• ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯂꯤꯉ꯭ꯛ ꯇꯧꯕꯥ꯫
• ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • Action
  • Another action
  • Something else here
  • Separated link
• ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯲
  • Action
  • Another action
  • Something else here
  • Separated link
• ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯳
  • Action
  • Another action
  • Something else here
  • Separated link

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

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

$ ( '.ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ-ꯇꯣꯒꯜ' ). ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ()

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

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯊꯨꯅꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯈꯖꯤꯛꯇꯪ ꯍꯥꯄꯆꯤꯜꯂꯨ data-toggle="dropdown"ꯑꯃꯁꯨꯡ ꯆꯠꯅꯕꯥ ꯌꯥꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯒꯅꯤ꯫

<ul class = "ꯅꯥꯚ ꯅꯚ-ꯄꯤꯂꯁ" > 
  <li class = "ꯑꯦꯛꯇꯤꯕ" ><a href = "#" > ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯂꯤꯉ꯭ꯛ ꯇꯧꯕꯥ </a></li>  
  <li class = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ" id = "ꯃꯦꯅꯨ꯱" >  
    <a class = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ-ꯇꯣꯒꯜ" data-toggle = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ" href = "#ꯃꯦꯅꯨ꯱" >   
      ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
      <b ꯀ꯭ꯂꯥꯁ = "ꯀꯦꯔꯦꯠ" </b> 
    </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
    <ul class = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ-ꯃꯦꯅꯨ" > 
      <li><a href = "#" > ꯑꯦꯛꯁꯟ </a></li> ꯇꯧꯕꯥ꯫ 
      <li><a href = "#" > ꯑꯇꯣꯞꯄꯥ ꯑꯦꯛꯁꯟ ꯑꯃꯥ </a></li> 
      <li><a href = "#" > ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯇꯣꯞꯄꯥ ꯋꯥꯐꯝ ꯑꯃꯥ </a></li> 
      <li class = "ꯗꯤꯚꯥꯏꯗꯔ" </li> 
      <li><a href = "#" > ꯇꯣꯉꯥꯅꯕꯥ ꯂꯤꯉ꯭ꯛ </a></li> 
    </ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫
  </li> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  ...
</ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

URLꯁꯤꯡ ꯑꯗꯨ ꯂꯦꯡꯗꯅꯥ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ, data-targetꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ href="#".

<ul class = "ꯅꯥꯚ ꯅꯚ-ꯄꯤꯂꯁ" > 
  <li class = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ" > 
    <a class = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ-ꯇꯣꯒꯜ" data-toggle = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ" ꯗꯦꯇꯥ-ꯇꯥꯔꯒꯦꯠ = "#" href = "ꯄꯥꯊ/ꯇꯨ/ꯄꯦꯖ.html" >    
      ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
      <b ꯀ꯭ꯂꯥꯁ = "ꯀꯦꯔꯦꯠ" </b> 
    </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
    <ul class = "ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ-ꯃꯦꯅꯨ" > 
      ...
    </ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫
  </li> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

$().ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ()

ꯑꯄꯤꯕꯥ ꯅꯕꯕꯥꯔ ꯅꯠꯠꯔꯒꯥ ꯇꯦꯕꯜ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯃꯒꯤꯗꯃꯛ ꯃꯦꯅꯨꯁꯤꯡ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯅꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯥꯃꯦꯇꯤꯛ ꯑꯦꯄꯤ.ꯑꯥꯏ.

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

ꯁ꯭ꯛꯔꯣꯂꯁꯄꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯅꯚꯕꯥꯔ꯫

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

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

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

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

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

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

<body data-spy = "ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ" > ... </body>  

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

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

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

• ꯌꯨꯝ
• ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯁꯝꯂꯞꯄ ꯋꯥꯔꯣꯜ
• ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • @fat
  • @mdo

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

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

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

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

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

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

<ul class = "ꯅꯥꯚ ꯅꯦꯚ-ꯇꯦꯕꯁꯤꯡ" id = "ꯑꯩꯒꯤ ꯇꯦꯕꯜ" >  
  <li class = "ꯑꯦꯛꯇꯤꯕ" ><a href = "#ꯍꯣꯝ" > ꯍꯣꯝ </a></li>  
  <li><a href = "#ꯄ꯭ꯔꯣꯐꯥꯏꯜ" > ꯄ꯭ꯔꯣꯐꯥꯏꯜ </a></li> 
  <li><a href = "#messages" > ꯄꯥꯎꯖꯦꯂꯁꯤꯡ </a></li> 
  <li><a href = "#ꯁꯦꯇꯤꯡꯁꯤꯡ" > ꯁꯦꯇꯤꯡꯁꯤꯡ </a></li> 
</ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫
 
<div class = "ꯇꯦꯕ-ꯀꯟꯇꯦꯟꯇ" > 
  <div class = "ꯇꯦꯕ-ꯄꯦꯟ ꯑꯦꯛꯇꯤꯕ" id = "ꯍꯣꯝ" > ... </div>  
  <div class = "ꯇꯦꯕ-ꯄꯦꯟ" id = "ꯄ꯭ꯔꯣꯐꯥꯏꯜ" > ... </div>  
  <div class = "ꯇꯦꯕ-ꯄꯦꯟ" id = "ꯃꯦꯁꯦꯖꯁꯤꯡ" > ... </div>  
  <div class = "ꯇꯦꯕ-ꯄꯦꯟ" id = "ꯁꯦꯇꯤꯡꯁꯤꯡ" > ... </div>  
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
 
<ꯁ꯭ꯛꯔꯤꯞꯇ> ꯍꯥꯌꯕꯁꯤꯅꯤ꯫
  $ ( ꯐꯉ꯭ꯀꯁꯟ () { .  
    $ ( '#ꯃꯥꯏꯇꯦꯕ ꯑꯃꯥ:ꯑꯔꯣꯏꯕꯥ' ). tab ( 'ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯎꯠꯄꯥ' );
  }) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.
</script>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫

ꯊꯧꯔꯃꯁꯤꯡ꯫

$ ( 'a[ꯗꯦꯇꯥ-ꯇꯣꯒꯜ="ꯇꯦꯕ"]' ). on ( 'ꯌꯦꯡꯁꯤꯜꯂꯦ' , ꯐꯉ꯭ꯀꯁꯟ ( ꯏ ) {   
  ꯏ . ꯇꯥꯔꯒꯦꯠ // ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯇꯦꯕ꯫
  ꯏ . relatedTarget // ꯃꯃꯥꯡꯒꯤ ꯇꯦꯕ꯫
}) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯇꯨꯂꯇꯤꯄꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫

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

ꯇꯨꯂꯇꯤꯄꯁꯤꯡꯒꯤ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯃꯑꯣꯡ꯫

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

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

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

$ ( '#ꯑꯩꯒꯤ-ꯑꯦꯂꯔꯠ' ). bind ( 'ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ' , ꯐꯉ꯭ꯀꯁꯟ () {   
  // ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯇꯧꯕꯥ...
}) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯃꯔꯝꯗꯤ

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

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

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

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

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

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

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

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

<!-- ꯕꯇꯟ ꯑꯃꯈꯛꯇꯗꯥ ꯇꯣꯒꯂꯤꯡ ꯑꯦꯛꯇꯤꯕ ꯇꯧꯅꯕꯥ data-toggle="ꯕꯇꯟ" ꯍꯥꯄꯆꯤꯜꯂꯨ -->
<button class = "btn" data-toggle = "ꯕꯇꯟ" > ꯁꯤꯉ꯭ꯒꯜ ꯇꯣꯒꯜ </ꯕꯇꯟ>  
 
<!-- btn-ꯒ꯭ꯔꯨꯄꯇꯥ ꯆꯦꯀꯕꯣꯛꯁ ꯁ꯭ꯇꯥꯏꯜ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ data-toggle="buttons-checkbox" ꯍꯥꯄꯆꯤꯜꯂꯨ -->
<div ꯀ꯭ꯂꯥꯁ = "btn-ꯒ꯭ꯔꯨꯞ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯅꯁꯤꯡ-ꯆꯦꯀꯕꯣꯛꯁ" >  
  <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯂꯦꯃꯍꯧꯔꯤꯕꯥ </button> 
  <button class = "btn" > ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ </button> 
  <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯔꯥꯏꯠ </ꯕꯇꯟ> 
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
 
<!-- btn-ꯒ꯭ꯔꯨꯄꯇꯥ ꯔꯦꯗꯤꯑꯣ ꯁ꯭ꯇꯥꯏꯜ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ data-toggle="buttons-radio" ꯍꯥꯄꯆꯤꯜꯂꯨ -->
<div ꯀ꯭ꯂꯥꯁ = "btn-ꯒ꯭ꯔꯨꯞ" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯅꯁꯤꯡ-ꯔꯦꯗꯤꯑꯣ" >  
  <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯂꯦꯃꯍꯧꯔꯤꯕꯥ </button> 
  <button class = "btn" > ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ </button> 
  <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" > ꯔꯥꯏꯠ </ꯕꯇꯟ> 
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

<ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" ꯗꯦꯇꯥ-ꯇꯣꯒꯜ = "ꯕꯇꯟ" > ... </ꯕꯇꯟ>   

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

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

<button class = "btn" data-loading-text = "ꯁ꯭ꯇꯣꯐ ꯂꯣꯗ ꯇꯧꯔꯤ..." > ... </button>   

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

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

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

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

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

ꯃꯔꯝꯗꯤ

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

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

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

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

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

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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

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

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

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

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

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

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

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

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

$ ( '#ꯑꯩꯒꯤ ꯀꯣꯂꯥꯞꯁꯤꯕꯜ' ). on ( 'ꯂꯣꯠꯁꯤꯜꯂꯕꯥ' , ꯐꯉ꯭ꯀꯁꯟ () {   
  // ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯇꯧꯕꯥ...
}) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

ꯃꯔꯝꯗꯤ

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

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯀꯦꯔꯣꯁꯤꯜ꯫

ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯁ꯭ꯂꯥꯏꯗ ꯁꯣ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯑꯍꯥꯅꯕꯥ ꯊꯝꯕꯤꯕꯥ ꯂꯦꯕꯦꯜ꯫

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

ꯑꯅꯤꯁꯨꯕꯥ ꯊꯝꯕꯤꯕꯥ ꯂꯦꯕꯦꯜ꯫

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

ꯑꯍꯨꯃꯁꯨꯕꯥ ꯊꯝꯕꯤꯕꯥ ꯂꯦꯕꯦꯜ꯫

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

‹ ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ꯫ › .

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

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

$ ( '.ꯀꯦꯔꯣꯁꯤꯜ' ) ꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫ ꯀꯦꯔꯣꯁꯤꯜ () ꯑꯁꯤꯅꯤ꯫

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

<div id = "myCarousel" class = "ꯀꯦꯔꯣꯁꯤꯜ ꯁ꯭ꯂꯥꯏꯗ" >  
  <!-- ꯀꯦꯔꯣꯁꯤꯜ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ -->
  <div class = "ꯀꯦꯔꯣꯁꯤꯜ-ꯏꯅꯥꯔ" > 
    <div class = "ꯑꯦꯛꯇꯤꯕ ꯑꯥꯏꯇꯦꯝ" > ... </div> 
    <div ꯀ꯭ꯂꯥꯁ = "ꯑꯥꯏꯇꯦꯝ" > ... </div> 
    <div ꯀ꯭ꯂꯥꯁ = "ꯑꯥꯏꯇꯦꯝ" > ... </div> 
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  <!-- ꯀꯦꯔꯣꯁꯤꯜ ꯅꯚ -->꯫
  <a class = "ꯀꯦꯔꯣꯁꯤꯜ-ꯀꯟꯠꯔꯣꯜ ꯂꯦꯞꯇꯅꯥ" href = "#myCarousel" data-slide = "ꯃꯃꯥꯡꯒꯤ" > ‹ </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫   
  <a class = "ꯀꯦꯔꯣꯁꯤꯜ-ꯀꯟꯠꯔꯣꯜ ꯔꯥꯏꯠ" href = "#myCarousel" data-slide = "ꯃꯊꯪꯒꯤ" > › </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫   
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

.ꯀꯦꯔꯣꯁꯤꯜ(ꯑꯣꯄꯁꯅꯁꯤꯡ) .

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

$ ( '.ꯀꯦꯔꯣꯁꯤꯜ' ) ꯒꯤ ꯃꯇꯥꯡꯗꯥ꯫ ꯀꯦꯔꯣꯁꯤꯜ ({
  ꯏꯟꯇꯔꯚꯜ : ꯲꯰꯰꯰ ꯑꯣꯏꯈꯤ꯫ 
}) ꯑꯃꯁꯨꯡ ꯑꯦꯟ.

.ꯀꯦꯔꯣꯁꯤꯜ('ꯁꯥꯏꯀꯜ') ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫

ꯀꯦꯔꯣꯁꯤꯜ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯗꯨꯗꯒꯤ ꯑꯔꯣꯏꯕꯥ ꯐꯥꯑꯣꯕꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯏ꯫

.ꯀꯦꯔꯣꯁꯤꯜ('ꯄꯣꯖ') .

ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯦꯔꯣꯁꯤꯜ ꯑꯁꯤ ꯁꯥꯏꯀꯜ ꯊꯧꯕꯗꯒꯤ ꯊꯤꯡꯏ꯫

.ꯀꯦꯔꯣꯁꯤꯜ(ꯅꯝꯕꯔ) ꯴.

ꯀꯦꯔꯣꯁꯤꯜ ꯑꯗꯨ ꯑꯀꯛꯅꯕꯥ ꯐ꯭ꯔꯦꯝ ꯑꯃꯗꯥ (0ꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ, ꯑꯦꯔꯦ ꯑꯃꯒꯥ ꯃꯥꯟꯅꯕꯥ) ꯁꯥꯏꯀꯜ ꯇꯧꯏ꯫

.ꯀꯦꯔꯣꯁꯤꯜ('ꯃꯃꯥꯡꯒꯤ')

ꯃꯃꯥꯡꯒꯤ ꯑꯥꯏꯇꯦꯝ ꯑꯗꯨꯗꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯏ꯫

.ꯀꯦꯔꯣꯁꯤꯜ('ꯃꯊꯪꯒꯤ')

ꯃꯊꯪꯒꯤ ꯑꯥꯏꯇꯦꯝ ꯑꯗꯨꯗꯥ ꯁꯥꯏꯀꯜ ꯇꯧꯏ꯫

ꯊꯧꯔꯃꯁꯤꯡ꯫

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

ꯃꯔꯝꯗꯤ

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

ꯈꯨꯗꯝ

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

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

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

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

ꯑꯣꯄꯁꯅꯁꯤꯡ ꯂꯩ꯫

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

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

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

ꯄꯥꯝꯕꯩꯁꯤꯡ꯫

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

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