jQuery Mobileでdata-role = "header"のページ遷移を無効にする

Question

data-role = "header"でページ遷移を無効にすることはできますか？

目標は、data-role = "content"でのみページ遷移を使用することです。

Answer 1

はい、すべてのヘッダーを修正し、同じdata-id属性を追加することで、これを行うことができます。

<div data-role="page"> 

    <div data-role="header" data-id="persistent" data-position="fixed"> 
     <h1>My Title</h1> 
    </div><!-- /header --> 

    <div data-role="content">  
     <p>Hello world</p> 
     <a href="#page2" data-transition="slide">link</a>   
    </div><!-- /content --> 

</div> 
<div data-role="page" id="page2"> 

    <div data-role="header" data-id="persistent" data-position="fixed"> 
     <h1>My Title</h1> 
    </div><!-- /header --> 

    <div data-role="content">  
     <p>Page 2</p> 
     <a href="#page3" data-transition="slide">Page 3</a>   
    </div><!-- /content --> 

</div><!-- /page --> 
<div data-role="page" id="page3"> 

    <div data-role="header" data-id="persistent" data-position="fixed"> 
     <h1>My Title</h1> 
    </div><!-- /header --> 

    <div data-role="content">  
     <p>page 3</p>   
    </div><!-- /content --> 

</div><!-- /page --> 

http://jsfiddle.net/codaniel/7uJfv/1/