javascript - jQueryMobileで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/

</ p>