在data-role =" header"上禁用页面转换在jQuery Mobile [英] Disable page transition on data-role="header" at jQuery Mobile

问题描述

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

Is it possible to disable page transition on data-role="header"?

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

The goal would be to use page transition only at data-role="content".

推荐答案

是的，您可以通过修复所有标题并添加相同的data-id属性来实现此目的。

Yes you can do this by making all your headers fixed and adding the same data-id attribute.

<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/

这篇关于在data-role =" header"上禁用页面转换在jQuery Mobile的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！