沒有微調加載新頁面

我使用新版本的jquery mobile（1.4.3），我有很多不同的html文件。我用導航鏈接到他們。如果我點擊一個鏈接頁面加載，但沒有加載微調和短暫的閃爍/閃爍，直到頁面出現。沒有微調加載新頁面

在jsfiddle中，我創建了一個多頁面，但問題看起來相同。

<body> 
    <div data-role="panel" id="left-panel" data-theme="b"> 
     <ul data-role="listview" data-inset="false" data-theme="a" id="navigation"> 
      <li><a href="#trainings">Training</a> 

      </li> 
     </ul> 
    </div> 
    <!-- /panel --> 
    <div data-role="page" id="mainpage"> 
     <div data-role="header" data-theme="b"> 
       <h1>News</h1> 
    <a href="#left-panel" data-icon="grid" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Open left panel</a> 
    <a href="settings.html" data-icon="gear" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Settings</a> 

     </div> 
     <!-- /header --> 
     <div role="main" class="ui-content"> 
      <ul data-role="listview" data-ajax="true" data-inset="false" id="newsList"></ul> 
     </div> 
     <!-- /content --> 
    </div> 
    <div data-role="page" id="trainings" data-url="trainings"> 
     <div data-role="header" data-theme="b"> 
       <h1>Trainings</h1> 
    <a href="#left-panel" data-icon="grid" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Open left panel</a> 
    <a href="settings.html" data-icon="gear" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Settings</a> 

     </div> 
     <!-- /header --> 
     <div role="main" class="ui-content"> 
      <ul data-role="listview" data-ajax="true" data-inset="false" id="newsList"> 
       <li>Test</li> 
       <li>Test</li> 
       <li>Test</li> 
       <li>Test</li> 
       <li>Test</li> 
      </ul> 
     </div> 
     <!-- /content --> 
    </div> 
</body>

來源

2014-09-22 knobli

不知道你應該看到一個微調。我也沒有在我的網頁中看到它。您可以手動顯示它。 - http://jsfiddle.net/eo8n2Lz5/ - 並隱藏它像這樣---（$ .mobile.loading（「hide」）;） – Tasos 2014-09-22 22:56:52

@Tasos謝謝，這也是我的解決方案，我手動添加它（ ajaxSetup：beforeSend），並在加載後刪除它（ajaxSetup：complete） – knobli 2014-09-23 05:12:42

要禁用您可以通過添加 data-transition="none"你一個HREF中設定的過渡效果爲「無」的衰落過渡效果。另一種選擇是設置頁轉到默認的過渡效果：

$.mobile.defaultPageTransition = 'none';

見你的榜樣，而不影響：http://jsfiddle.net/klickagent/s0bwnsxa/1/

來源

2014-09-22 18:54:08

謝謝，但也存在一個與不存在的加載微調器有關的問題 – knobli 2014-09-22 19:26:06

沒有微調加載新頁面

回答

相關問題