2011-06-14 5 views
1

jquery mobile에 헤더가 있습니다. 헤더에는 선택 상자가 들어 있으며, 그 상자에 넣을 때마다 뒤로 버튼이 사라지는 것처럼 보일 수 없습니다. 이메일 :JQuery Mobile 뒤로 단추를 되돌릴 수 없습니다.

<div data-backbtn="false" data-role="header" data-theme="b"> 
    <div> 
    <h1>Test Project</h1> 
    <span>Title</span> 
    <span style="float:right"> 
     <select> 
      <option selected="selected">Rachel Green</option> 
      <option>Chandler Bing</option> 
      <option>Monica Gellar</option> 
      <option>Ross Gellar</option> 
      <option>Joey Tribiani</option> 
     </select> 
    </span> 
    </div> 
</div><!-- /header --> 

선택을 취소하면 뒤로 버튼이 사라집니다. 이 문제를 해결하는 방법에 대한 제안 사항이 있으십니까?

답변

0

흠이 나를 위해 잘 작동합니다.

라이브 링크 : http://jsfiddle.net/vrx7X/3/

HTML 도와

<div data-role="page" data-theme="b" id="home"> 
    <div data-backbtn="false" data-role="header" data-theme="b"> 
     <div> 
     <h1>Test Project</h1> 
     <span>Title</span> 
     <span style="float:right"> 
      <select> 
       <option selected="selected">Rachel Green</option> 
       <option>Chandler Bing</option> 
       <option>Monica Gellar</option> 
       <option>Ross Gellar</option> 
       <option>Joey Tribiani</option> 
      </select> 
     </span> 
     </div> 
    </div> 
    <div data-role="content"> 
     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> 
      <li data-role="list-divider">Home Page</li> 
      <li><a href="#next">Next Page</a></li> 
     </ul> 
    </div> 
</div> 

<div data-role="page" data-theme="b" id="next"> 
    <div data-backbtn="false" data-role="header" data-theme="b"> 
     <div> 
     <h1>Test Project</h1> 
     <span>Title</span> 
     <span style="float:right"> 
      <select> 
       <option selected="selected">Rachel Green</option> 
       <option>Chandler Bing</option> 
       <option>Monica Gellar</option> 
       <option>Ross Gellar</option> 
       <option>Joey Tribiani</option> 
      </select> 
     </span> 
     </div> 
    </div> 
    <div data-role="content"> 
     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> 
      <li data-role="list-divider">Next Page</li> 
      <li><a href="#home">Home Page</a></li> 
     </ul> 
    </div> 
</div> 
+0

감사합니다, 나는 JQuery와 모바일의 이전 버전을했다, 나는이 도입 된 버그 수정 것 같다. 도와 주셔서 감사합니다. –

관련 문제