没有微调加载新页面

我使用新版本的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

没有微调加载新页面

回答

相关问题