jquery mobile bottom icon navbarページコンテンツをリロードする方法

Question

アイコン付きのフッターにナビゲーションバーを使用するアプリがあります。しかし、他のページに移動すると、コンテンツが点滅またはフェードインします。 jquery-mobileで、その点滅なしでページの内容を更新することは可能ですか？

ここにはFIDDLEがあり、問題が再現されています。

だから、単純に私はこのようなフッターがあります。例えば、これらのページに移動します

<div data-role="footer" data-position="fixed" data-tap-toggle="false"> 
     <div data-role="navbar"> 
     <ul> 
     <li><a href="#p1" data-icon="home">Home</a></li> 
     <li><a href="#p2" data-icon="arrow-r">Page Two</a></li> 
     <li><a href="#p3" data-icon="search">Search</a></li> 
     </ul> 
    </div> 

：

<div data-role="page" id="p2"> 
    <div data-role="header" data-rel="back"><h1>Header Page 2</h1></div>  
    <div data-role="content"> 
     <p>This is page2</p> 
    </div> 

    <div data-role="footer" data-position="fixed" data-tap-toggle="false"> 
     <div data-role="navbar"> 
     <ul> 
     <li><a href="#p1" data-icon="home">Home</a></li> 
     <li><a href="#p2" data-icon="arrow-r">Page Two</a></li> 
     <li><a href="#p3" data-icon="search">Search</a></li> 
     </ul> 
    </div> 
    </div> 
</div> 

を私は出回っこのようなものを見つけましたが、これがあるかどうかを知りません関連性または有用性：LINK

Answer 1

アンカータグ内のトランジションを避けたいリンクにはdata-transition="none"を使用してください。 更新されたフィドル：http://jsfiddle.net/zhr27bud/7/