새 페이지를로드 할 때 회 전자가 없습니다.

새 버전의 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

@ Tasos 감사합니다. 그것은 또한 내 솔루션입니다. 수동으로 추가합니다. ajaxSetup : beforeSend)로드 후 제거 (ajaxSetup : complete) – knobli

http://jsfiddle.net/knobli/yh7guzvu/1/

당신이 당신의를하는 HREF에 data-transition="none"을 추가하여 '없음'으로의 전환 효과를 설정할 수 있습니다 페이딩 전환 효과를 사용하지 않으려면.

$.mobile.defaultPageTransition = 'none';

이 효과없이 예를 참조하십시오 : 또 다른 옵션은 pagechanges에 대한 기본 전환 효과를 설정하는 것입니다 http://jsfiddle.net/klickagent/s0bwnsxa/1/

출처

2014-09-22 18:54:08

고마워.하지만 기존의로드 스피너에도 문제가있다. – knobli

새 페이지를로드 할 때 회 전자가 없습니다.

답변

관련 문제