Question

我正在开发一个移动网络应用程序，并且有不同的分隔页面，其中一些内部有多页面。

页脚包含指向外部页面的链接。当我试图建立锚链接时，它不会工作。任何解决方案？

以下是我的页脚和我的锚点的代码

<div data-role="footer" data-position="fixed" data-id="myfooter">

        <div data-role="navbar" id="mainnavbar">
            <ul>
                <li><a rel="external" href="home.html" class="ui-btn-active ui-icon-fa"><img src="../img/icons/home@2x.png"></a></li>
                <li><a rel="external" href="search.html" ><img src="../img/icons/lista@2x.png"></a></li>
                <li><a href="#chooser" ><img src="../img/icons/watto@2x.png" width="36" height="36"></a></li>
                <li><a rel="external" href="location.html"><img src="../img/icons/location@2x.png"></a></li>
                <li><a rel="external" href="settings.html" ><img src="../img/icons/profile@2x.png"></a></li>

    </div>


</div>

锚码：

   <div role="main" class="ui-content">

            <div id="logo">

                <img src="../img/LogoSF.png" style="text-align:center" height="auto" width="60%">

            </div>    

            <div id="contenido">

                <h1> Bienvenido a Chooser </h1>

                <p> Estas a 10 preguntas de encontrar tu plan ideal. </p>


                <div id="continuar">

                <a href="#1" class="ui-btn">A</a>

                </div>

            </div>

任何解决方案？

Answer 1

如果要从锚标记中禁用ajax链接行为，可以将rel = external放在链接中，链接将在没有ajax的情况下加载，然后您的网址将是常用的。

http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-navmodel.html 喜欢：

<a href="User/somepage" rel="external" />I wont be using ajax for navigation</a>

这里是使用jquery的解决方案

$(function(){
  $(".content a").each(function(){
    $(this).attr("rel","external");
  });
});

链接无法在我的jquery手机中运行

1 个答案: