jQuery Mobile的過渡處理兩次

Question

我的轉變是生澀的，有些時候似乎處理的兩倍。所以它不是一個頁面之間流暢的流體過渡。我在編碼中做錯了什麼？這是在最新更新的iPhone 4S上測試的。

<div data-role="page" id="track_dash"> 
    <div data-theme="a" data-role="header" data-position="fixed"> 
     <h3><!-- ex: Phase 1, Day 1 --> Phase #, Day # </h3> 
     <a data-role="button" data-transition="flip" data-theme="b" class="ui-btn-right" href="#page2"> Info </a> 
    </div> 
    <div data-role="content"> 
     <div class="360"> 
      <img src="simgs/360_logo.png" /><!-- style="width: 170px; height: 91px" --> 
     </div> 
     <ul data-role="listview" data-divider-theme="b" data-inset="true"> 
      <li data-theme="c"> 
       <a href="#page4" data-transition="slide"> Track Meals </a> 
      </li> 
      <li data-theme="c"> 
       <a href="#page20" data-transition="slide"> Track Workouts </a> 
      </li> 
      <li data-theme="c"> 
       <a href="#page8" data-transition="slide"> Track Progress </a> 
      </li> 
      <li data-theme="c"> 
       <a href="#page17" data-transition="slide"> Journal </a> 
      </li> 
     </ul> 
     <ul data-role="listview" data-divider-theme="d" data-inset="true"> 
      <li data-theme="d"> 
       <a href="#page52" data-transition="slide"> <img src="simgs/alert_bubble.png" alt="Alerts" class="ui-li-icon" /> Alerts <span class="ui-li-count">2</span> </a> 
      </li> 
     </ul> 
    </div> 

    <div data-theme="e" data-role="footer" data-position="fixed"> 
     <div data-role="navbar" data-iconpos="top"> 
      <ul> 
       <li> 
        <a href="#page1" id="track" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span" class="ui-btn-active"> <span class="foot_font">Track</span> </a> 
       </li> 
       <li> 
        <a href="#page40" id="cal" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">Calendar</span> </a> 
       </li> 
       <li> 
        <a href="#page44" id="shop" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">Shopping</span> </a> 
       </li> 
       <li> 
        <a href="#page22" id="profile" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">Profile</span> </a> 
       </li> 
       <li> 
        <a href="#page47" id="more" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">More</span> </a> 
       </li> 
      </ul> 
     </div> 
    </div> 
</div> 

Answer 1

可能是this issue造成的 - jquery mobile 1.1。這是特別明顯的，因爲你已經在頭文件中設置了data-position =「fixed」。 在這個問題上有一些答案，直到最後讀它。

否則更具體一些，你需要描述你用什麼瀏覽器或移動操作系統，如果你不知道，你正在使用JQM的版本。