Question

我使用新版本的jquery mobile（1.4.3），我有很多不同的html文件。我用导航链接到它们。如果我点击链接页面已加载，但在页面出现之前没有加载微调器和短暂闪烁/闪烁。

在jsfiddle中我创建了一个多页面，但问题看起来是一样的。

<body>
    <div data-role="panel" id="left-panel" data-theme="b">
        <ul data-role="listview" data-inset="false" data-theme="a" id="navigation">
            <li><a href="#trainings">Training</a>

            </li>
        </ul>
    </div>
    <!-- /panel -->
    <div data-role="page" id="mainpage">
        <div data-role="header" data-theme="b">
                <h1>News</h1>
    <a href="#left-panel" data-icon="grid" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Open left panel</a>
    <a href="settings.html" data-icon="gear" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Settings</a>

        </div>
        <!-- /header -->
        <div role="main" class="ui-content">
            <ul data-role="listview" data-ajax="true" data-inset="false" id="newsList"></ul>
        </div>
        <!-- /content -->
    </div>
    <div data-role="page" id="trainings" data-url="trainings">
        <div data-role="header" data-theme="b">
                <h1>Trainings</h1>
    <a href="#left-panel" data-icon="grid" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Open left panel</a>
    <a href="settings.html" data-icon="gear" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-nodisc-icon">Settings</a>

        </div>
        <!-- /header -->
        <div role="main" class="ui-content">
            <ul data-role="listview" data-ajax="true" data-inset="false" id="newsList">
                <li>Test</li>
                <li>Test</li>
                <li>Test</li>
                <li>Test</li>
                <li>Test</li>
            </ul>
        </div>
        <!-- /content -->
    </div>
</body>

Answer 1

要停用渐变过渡效果，您可以将过渡效果设置为“无”＃39;通过增加 data-transition="none"你的hrefs。另一个选项是为页面更改设置默认过渡效果：

$.mobile.defaultPageTransition = 'none';

查看没有效果的示例：http://jsfiddle.net/klickagent/s0bwnsxa/1/

加载新页面时没有微调器

1 个答案: