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"作爲您希望避免轉換的鏈接，位於錨標記內。 Your updates小提琴：http://jsfiddle.net/zhr27bud/7/