javascript - 在 jQuery Mobile 的数据 Angular 色 ="header"上禁用页面转换

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 11 年前。

是否可以禁用 data-role="header"上的页面转换？

目标是仅在 data-role="content"处使用页面转换。

Answer 1

是的，您可以通过固定所有 header 并添加相同的 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/

​