2015-07-06 51 views
0

我正在一個移動的網絡應用程序,並有不同的分離頁面和一些內部的乘法。鏈接不工作在我的jQuery的移動

頁腳包含指向外部頁面的鏈接。當我試圖把一個錨鏈接,它不會工作。任何解決方案

這裏是我的頁腳中的代碼和我的錨

<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/[email protected]"></a></li> 
       <li><a rel="external" href="search.html" ><img src="../img/icons/[email protected]"></a></li> 
       <li><a href="#chooser" ><img src="../img/icons/[email protected]" width="36" height="36"></a></li> 
       <li><a rel="external" href="location.html"><img src="../img/icons/[email protected]"></a></li> 
       <li><a rel="external" href="settings.html" ><img src="../img/icons/[email protected]"></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> 

任何解決方案?

+0

你能提供的jsfiddle? –

+0

那是什麼?對不起,我是新的 –

+0

嗨它是關於準備代碼運行示例,以便其他人可以查看您的運行示例,並可以通過查找您實際遇到問題的位置來幫助您,這裏是示例類型http://jsfiddle.net/fatCop/jpes2wry/ –

回答

0

如果你想從錨標記中禁用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"); 
    }); 
});