Web/jQuery

jQuery Mobile header 에 select box 추가하기

saltdoll 2018. 6. 2. 22:49
반응형

jQuery Mobile에서 header bar에 select box를 넣고 싶을때, 다음과 같이 하면 됩니다.

 

<div data-role="header" data-position="inline" data-theme="b">
  <h1>My Page</h1>
  <div data-role="fieldcontain" 
     style="position: absolute; top: 0; right: 0; margin: 0; padding: 0">
    <select>
      <option>Option 1</option>
      <option>option 2</option>
    </select>
  </div>
</div>
...

 

참고: https://stackoverflow.com/questions/6569179/jquery-mobile-select-box-in-header

반응형
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)