为什么jquery mobile中的链接在设备中不起作用？

Question

我有一个使用jquery mobile的SPA应用程序。初始结构为：

    <!-- LANDING PAGE -->
<div data-role="page" id="page-landing">
    <div role="main" class="ui-content">
        <div id="landing-content">
            <a href="#page-signin" class="ui-btn ui-btn-raised clr-primary" data-role="button" rel="external">Entrar</a>
        </div>
        <div class="center" style="margin-top: 30px;">
            <img src="images/logo.png" />
        </div>
    </div>
</div>
<!-- END LANDING -->
<!-- PAGINA LOGIN -->
<div data-role="page" id="page-signin">
    <div data-role="header" data-position="fixed" class="clr-bg-grey">
        <div class="row middle-xs">
            <div class="col-xs-8 marginleft10">
                Drive Me Safe
            </div>
            <div class="col-xs-3 align-right marginright10">
                <img src="images/logo_mini_white.png" />
            </div>
        </div>
    </div>
    <div role="main" class="ui-content">
        <h3 id="txt-login">Faça seu login:</h3>
        <div id="ctn-err" class="bi-invisible error"></div>
        <div id="firebaseui-auth-container"></div>
    </div>
</div>
<!-- END LOGIN -->

它在浏览器上可以完美运行，但是在设备上进行模拟时，“ Entrar”按钮什么也没做。

问题出在哪里？