链接在我的 jquery mobile 中不起作用答案

【问题标题】：links not working in my jquery mobile链接在我的 jquery mobile 中不起作用
【发布时间】：2017-06-12 17:27:31
【问题描述】：

我正在开发一个移动网络应用程序，并且有不同的单独页面，有些内部包含多页。

页脚包含指向外部页面的链接。当我试图放置一个锚链接时，它不会工作。有什么解决办法吗？

这是我的页脚和锚点的代码

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

有什么解决办法吗？

【问题讨论】：

你能提供jsfiddle吗？
那是什么？对不起，我是新人
您好，这是关于准备代码运行示例，以便其他人可以查看您的运行示例，并可以通过查找您实际遇到问题的位置来帮助您，这里是示例类型jsfiddle.net/fatCop/jpes2wry
使用点击事件，并使用相对路径的更改页面。

标签： html jquery-mobile

【解决方案1】：

如果你想禁用锚标签的 ajax 链接行为，你可以在链接中设置 rel=external，链接将在没有 ajax 的情况下加载，然后你的 url 将是正常的。

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");
  });
});

【讨论】：